.solotesto {
    display: none;
}

.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,
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: #dadada url(/dl/PortaliRai/images/bkg_newportal.png) top center repeat-y;
}

/*######### HEADER  ######### */


.box_TopHeader .box_TopHeaderInterno ul {
    width: 960px;
}



/*######### HEADER  ######### */

.Header {
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 104px;
}

.intHeader {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 980px;
    height: 75px;
    padding: 0px 0px 0px 0px;
    background: url(/dl/PortaliRai/images/bkg_header.png) no-repeat;
}


.intHeader h1 {
    display: block;
    float: left;
    position: absolute;
    top: 0px;
    left: 1px;
    width: 180px;
    height: 74px;
    cursor: pointer;
    background: url(/dl/rai/images/logo.png) no-repeat;
}

.intHeader h1 a {
    display: block;
    float: left;
    width: 180px;
    height: 74px;
    margin: 0px 0px 0px 0px;
}

/* Search */

.intHeader .boxSearch {
    display: block;
    float: left;
    width: 300px;
    height: 24px;
    margin: 26px 0px 0px 380px;
}

.intHeader .boxSearch input {
    display: block;
    float: left;
    width: 225px;
    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('./imageSocial/icon-24pt-X.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('./imageSocial/icon-24pt-Facebook.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;
    padding: 2px 0px 0px 0px;
    overflow: hidden;
    background: transparent url(/dl/portali/site/custom/images/cpu/bkg_menu.png) 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 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;
    background: transparent url(/dl/portali/site/custom/images/cpu/sep_menu.png) no-repeat;
}

.Menu ul li.menu_diretta {
    display: block;
    float: left;
    width: auto;
    border: 0px !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

.Menu ul li.menu_diretta a {
    display: block;
    float: left;
    width: auto;
    height: 21px;
    font-size: 12px;
    font-weight: bold;
    color: #009aff;
    text-transform: uppercase;
    padding: 6px 10px 0px 10px;
    margin: 0px 0px 0px -2px;
    background: #181818 url(/dl/portali/site/custom/images/cpu/sep_menu.png) no-repeat;
}

.RaiYoYo .Menu ul li.menu_diretta a {
    color: #05a63c;
}

.Menu ul li.menu_diretta a:hover {
    color: #fff;
    background: #666 url(/dl/portali/site/custom/images/cpu/sep_menu.png) no-repeat;
}


.Menu ul li.selected a,
.Menu ul li.evidenza a {
    color: #fff;
    background: url(/dl/rai/images/bkg_head.gif) 0px -106px repeat-x;
}


.Menu ul li a:hover,
.Menu ul li.evidenza a {
    background: url(/dl/portali/site/custom/images/cpu/sep_menu.png) repeat;
}



/*######### CONTAINER  ######### */


.contContainer {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    background: transparent;

}

#Container {
    display: block;
    margin: 0 auto;
    width: 970px;
    height: auto;
    padding: 15px 0px 0px 10px;
    text-align: center;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    background: #fff;
}


/* BLOCCHI DX & SX */

.mainPage {
    float: left;
    width: 970px;
    height: auto;
    display: block;
    padding: 0px 0px 10px 0px;
    background: #fff url(/dl/PortaliRai/images/bkg_vertical.gif) 640px 0px repeat-y;
}

.bloccoSx {
    float: left;
    width: 640px;
    height: auto;
    display: block;
}

.bloccoSx .colSx {
    float: left;
    width: 310px;
    height: auto;
    display: block;
    padding: 0px 10px 0px 0px;

}

.bloccoSx .colDx {
    float: left;
    width: 310px;
    height: auto;
    display: block;
}

.tappoBloccoDx {
    float: right;
    width: 330px;
    height: 11px;
    display: block;
    text-align: center;
    background: url(/dl/PortaliRai/images/bkg_site.gif) 0px -93px no-repeat;
}

.bloccoDx {
    display: block;
    float: right;
    width: 320px;
    height: auto;
    padding: 0px 0px 0px 9px;
    text-align: center;
}

.bloccoDx .lancioBox .editoriale img {
    max-width: 90%;
}

.bloccoDx .lancioBox .lancioGrafico {
    position: relative;
    width: 46%;
}

.bloccoDx .lancioBox .lancioGrafico p {
    position: absolute;
    bottom: 5px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5);
}

.bloccoDx .lancioBox .lancioGrafico.odd {
    float: left;
}

.bloccoDx .lancioBox .lancioGrafico.even {
    float: right;
}

.bloccoDx .lancioBox .lancioGrafico img {
    width: 100%;
}

/* FiNE BLOCCHI DX & SX */

.lancioCustom {
    display: block;
    float: left;
    margin: 10px 0px 12px 5px;
}

.lancioSpalla,
.lanciospalla {
    display: block;
    float: left;
    margin: 10px 0px 12px 5px;
    width: 300px !important;
}

.lancioSpalla iframe,
.lanciospalla iframe {
    width: 300px !important;
    margin: 0px !important;
}



/*######### FiNE CONTAINER ######### */


/*######### FOCUS - BANNER ######### */

#Focus {
    display: block;
    float: left;
    width: 635px;
    height: 300px;
    text-align: left;
    padding: 0px 0px 10px 5px;
}

#PushBanner {
    display: block;
    width: 635px;
    height: auto;
    text-align: left;
    padding: 0px 0px 10px 5px;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.bloccoSx .banner300x100 {
    display: block;
    float: left;
    width: 305px;
    height: auto;
    text-align: left;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 5px 0px;
    /*background: url(/dl/PortaliRai/images/bkg_site.gif) -332px -148px no-repeat;*/
}

.bloccoDx .banner300x100 {
    display: block;
    float: left;
    width: 305px;
    height: auto;
    text-align: left;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 5px 0px;
    /*background: url(/dl/PortaliRai/images/bkg_site.gif) -650px -148px no-repeat;*/
}

.bloccoDx .banner300x250 {
    display: block;
    float: left;
    width: 305px;
    height: auto;
    text-align: left;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 10px 0px;
}

.bloccoDx .banner300x250 h3 {
    font-size: 10px;
    color: #aaa;
}




/*######### FiNE FOCUS - BANNER ######### */


/* new Focus */

.newFocus {
    display: block;
    float: left;
    position: relative;
    width: 608px !important;
    height: 346px !important;
    text-align: left;
    padding: 6px 6px 6px 6px !important;
    margin: 0px 0px 10px 5px;
    background: #eaeaea;
}

.newFocus .sfondo {
    display: block;
    float: left;
    position: absolute;
    z-index: 0;
    top: 1px;
    left: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 620px !important;
    height: 358px !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


.newFocus .top {
    display: block;
    float: left;
    position: relative;
    width: 608px;
    height: auto;
    text-align: left;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #d1d1d1;
}

.newFocus .top span {
    display: block;
    float: left;

    width: 7px;
    height: 23px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 0px 0px;
    color: #494949;
    background: #666;
}

.newFocus .top h3 {
    display: block;
    float: left;
    width: auto;
    height: auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #555;
    font-size: 28px;
    line-height: 23px;
}


.newFocus .mid {
    display: block;
    float: left;
    width: 608px;
    height: 300px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


.newFocus .mid a.img {
    display: block;
    float: left;
    position: relative;
    width: 425px;
    height: 300px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
    background: #ddd;
}

.newFocus .mid .boxTxt {
    display: block;
    float: left;
    position: relative;
    width: 173px;
    height: 300px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.newFocus .mid .boxTxt h4 {
    display: block;
    float: left;
    width: 173px;
    height: auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
    font-size: 16px;
    color: #666;
}

.newFocus .mid .boxTxt h2 {
    display: block;
    float: left;
    width: 173px;
    height: auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
    font-size: 22px;
    color: #555;
}

.newFocus .mid .boxTxt h2 a {
    color: #555;
}

.newFocus .mid .boxTxt h2 a:hover {
    color: #999;
}

.newFocus .mid .boxTxt .txt {
    display: block;
    float: left;
    width: 173px;
    height: auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    font-weight: normal;
    font-size: 12px;
    color: #555;
}

.newFocus .mid .boxTxt .txt a {
    color: #555;
}

.newFocus .mid .boxTxt a.link {
    display: block;
    float: left;
    width: 173px;
    height: auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    color: #666;
}

.newFocus .mid .boxTxt a.link:hover {
    color: #999;
}

.newFocus .mid #pagingFocus {
    display: block;
    float: left;
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: auto;
    height: 30px;
    margin: 10px 0px 0px 0px;
}

.newFocus .mid #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;
}

.newFocus .mid #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;
}

.newFocus .mid #pagingFocus ul {
    display: block;
    float: left;
    width: auto;
    height: 30px;
    margin: 0px 0px 0px 0px;
}

.newFocus .mid #pagingFocus ul li {
    display: block;
    float: left;
    position: relative;
    width: auto;
    height: 30px;
    margin: 0px 0px 0px 0px;
}

.newFocus .mid #pagingFocus ul li .slide {
    display: none;
}

.newFocus .mid #pagingFocus ul li a {
    display: block;
    float: left;
    width: auto;
    height: 30px;
    margin: 0px 0px 0px 0px;
    font-size: 42px;
    line-height: 30px;
    color: #888;
}

.newFocus .mid #pagingFocus ul li a:hover {
    color: #aaa;
}

.newFocus .mid #pagingFocus ul li.current a {
    color: #666;
}




.newFocus .mid #pagingFocus ul li a .Baloon,
.newFocus .mid #pagingFocus ul li a .Baloon {
    display: none;
}

.newFocus .mid #pagingFocus ul li a:hover .Baloon {
    display: block;
    position: absolute;
    width: 90px;
    height: 53px;
    top: -60px;
    left: -41px;
    z-index: 100;
    padding: 4px 4px 0px 4px;
    background: url(/dl/rai/images/bkg_baloon.png) no-repeat;
}

.newFocus .mid #pagingFocus ul li a:hover .Baloon .mask {
    display: block;
    width: 90px;
    height: 40px;
    overflow: hidden;
}

.newFocus .mid #pagingFocus ul li a:hover .Baloon .mask img {
    display: block;
    width: 90px;
    margin: 0px 0px 0px 0px;
    height: auto;
}

/*inonda*/

#inOnda .top h3 {
    border-left: 7px solid #666;
}


/*######### BOX RAITV ######### */

.boxRaiTV {
    display: block;
    float: left;
    width: 630px;
    height: auto;
    margin: 0px 0px 5px 0px;
}

.boxRaiTV .Top {
    display: block;
    float: left;
    width: 586px;
    height: 37px;
    padding: 17px 22px 0px 22px;
    overflow: hidden;
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) 0px 0px no-repeat;
}

.boxRaiTV .Bot {
    display: block;
    float: left;
    width: 630px;
    height: 15px;
    overflow: hidden;
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) 0px -54px no-repeat;
}

.boxRaiTV .Mid {
    display: block;
    float: left;
    width: 590px;
    height: auto;
    padding: 0px 20px 0px 20px;
    background: url(/dl/PortaliRai/images/bkg_vertical.gif) -958px 0px repeat-y;
}


.boxRaiTV .Top a.logoRaitv {
    display: block;
    float: left;
    width: 66px;
    height: 35px;
    margin: 0px 20px 0px 0px;
    background: url(/dl/PortaliRai/images/logo_raitv.png) 0px 0px no-repeat;
}


.boxRaiTV .Top ul.menuRaitv {
    display: block;
    float: left;
    width: auto;
    height: 29px;
    overflow: hidden;

}

.boxRaiTV .Top ul.menuRaitv li {
    display: block;
    float: left;
    width: auto;
    height: 25px;
    padding: 0px 11px 0px 11px;
    margin: 0px 0px 0px -1px;
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) 0px -115px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a {
    display: block;
    float: left;
    width: auto;
    height: 25px;
    font-size: 10px;
    color: #6e6e6e;
    padding: 14px 0px 0px 0px;
}

.boxRaiTV .Top ul.menuRaitv li a:hover {
    color: #0087e2;
}

.boxRaiTV .Top ul.menuRaitv li#selected a {
    color: #fff;
}

.boxRaiTV .Top ul.menuRaitv li a.ultimiVideo {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -77px -90px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.piuVisti {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -170px -90px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.piuVotati {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -251px -90px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.Video {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -346px -90px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.Foto {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -453px -90px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.Podcast {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -551px -90px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.ultimiVideo:hover,
.boxRaiTV .Top ul.menuRaitv li#selected a.ultimiVideo {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -77px -123px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.piuVisti:hover,
.boxRaiTV .Top ul.menuRaitv li#selected a.piuVisti {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -170px -123px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.piuVotati:hover,
.boxRaiTV .Top ul.menuRaitv li#selected a.piuVotati {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -251px -123px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.Video:hover,
.boxRaiTV .Top ul.menuRaitv li#selected a.Video {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -346px -123px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.Foto:hover,
.boxRaiTV .Top ul.menuRaitv li#selected a.Foto {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -453px -123px no-repeat;
}

.boxRaiTV .Top ul.menuRaitv li a.Podcast:hover,
.boxRaiTV .Top ul.menuRaitv li#selected a.Podcast {
    background: url(/dl/PortaliRai/images/bkg_raitv.gif) -551px -123px no-repeat;
}

/* video */


.listaVideo {
    display: none;
    float: left;
    width: 589px;
    height: auto;
    padding: 10px 0px 0px 1px;
    text-align: left;
    overflow: hidden;
}

#mediaList .listaVideo {
    display: block;
    float: left;
    width: 589px;
    height: auto;
    padding: 10px 0px 0px 1px;
    text-align: left;
    overflow: hidden;
}

.listaVideo ul {
    display: block;
    float: left;
    position: relative;
    width: 646px;
    height: auto;
    margin: 0px 0px 0px -56px;
}

.listaVideo ul li {
    display: block;
    float: left;
    width: 105px;
    height: 140px;
    margin: 0px 0px 0px 56px;
}

ul li a.screenShot {
    float: left;
    display: block;
    height: 118px;
    background: url(/dl/RaiTV/images/bkg_novideo.gif) no-repeat;
}

ul li a.screenShot img {
    margin: 0px 0px 1px 0px;
}

ul li a.screenShot .mask {
    display: block;
    position: relative;
    width: 105px;
    height: 79px;
    margin: 0px 0px -79px 0px;
    cursor: pointer;
    background: url(/dl/RaiTV/images/mask_raitv.png) no-repeat;
}

.listaVideo ul li div.Desc {
    display: block;
    float: left;
    position: relative;
    width: 101px;
    height: auto;
    padding: 0px 2px 0px 2px;
    margin: -33px 0px 0px 0px;
}

.listaVideo ul li div.Desc a h2 {
    display: block;
    width: 101px;
    float: left;
    height: 29px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    padding: 0px 0px 1px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideo ul li div.Desc a h5 {
    display: block;
    width: 101px;
    float: left;
    height: auto;
    font-weight: normal;
    font-size: 9px;
    color: #6a6a6a;
    line-height: 10px;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideo ul li div.Desc a p {
    display: none;
}

.listaVideo ul li div.Desc a {
    display: block;
    float: left;
    width: 101px;
    height: 54px;
    color: #fff;
    overflow: hidden;
    font-size: 11px;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideo ul li div.Desc h3 {
    display: block;
    width: 101px;
    float: left;
    height: auto;
    font-weight: bold;
    font-size: 11px;
    color: #6a6a6a;
    padding: 2px 0px 0px 0px;
}

ul li div.Desc ul.Specifiche {
    display: block;
    float: left;
    width: 101px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
}

ul li div.Desc ul.Specifiche li {
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul li div.Desc ul.Specifiche li.specDurata {
    display: block;
    position: relative;
    float: right;
    width: 47px;
    height: 13px;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    color: #ddd;
    font-weight: bold;
    z-index: 100;
    padding: 0px 0px 0px 0px;
    margin: -77px 0px 0px 0px;
    background: url(/dl/RaiTV/images/bkg_durata.png) no-repeat;
}

ul li div.Desc ul.Specifiche li.specDurata span {
    display: none;
}

ul li div.Desc ul.Specifiche li.specTematica,
ul li div.Desc ul.Specifiche li.specVisto,
ul li div.Desc ul.Specifiche li.specPubblicato,
ul li div.Desc ul.Specifiche li.specVoto,
ul li div.Desc ul.Specifiche li.specVistoSet,
ul li div.Desc ul.Specifiche li.specVotoSet {
    display: none;
}

/** pagina video **/

.paginaGenerica .testataVideo {
    display: block;
    float: left;
    text-align: left;
    width: 480px;
    height: 25px;
    padding: 26px 10px 0px 110px;
    background: url(/dl/RaiPremium/images/bkg_raitv.gif) 0px -248px no-repeat;
}

.paginaGenerica .testataVideo h2 {
    text-transform: uppercase;
    float: left;
    color: #a0a0a0;
    font-weight: normal;
    font-size: 21px;
}


/* video specifici */

.listaVideoSpecifica {
    display: block;
    float: left;
    width: 560px;
    height: auto;
    padding: 0px 0px 0px 10px;
    text-align: left;
    overflow: hidden;
}

.listaVideoSpecifica ul {
    display: block;
    float: left;
    position: relative;
    width: 600px;
    height: auto;
    margin: 0px 0px 0px -40px;
}

.listaVideoSpecifica ul li {
    display: block;
    float: left;
    width: 105px;
    height: 140px;
    margin: 0px 0px 0px 40px;
}

.listaVideoSpecifica ul li div.Desc {
    display: block;
    float: left;
    position: relative;
    width: 101px;
    height: auto;
    padding: 0px 2px 0px 2px;
    margin: -33px 0px 0px 0px;
}

.listaVideoSpecifica ul li div.Desc a h2 {
    display: block;
    width: 101px;
    float: left;
    height: 29px;
    font-weight: bold;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    padding: 0px 0px 1px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideoSpecifica ul li div.Desc a h5 {
    display: block;
    width: 101px;
    float: left;
    height: auto;
    font-weight: normal;
    font-size: 9px;
    color: #666;
    line-height: 10px;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideoSpecifica ul li div.Desc a p {
    display: none;
}

.listaVideoSpecifica ul li div.Desc a {
    display: block;
    float: left;
    width: 101px;
    height: 53px;
    color: #666;
    overflow: hidden;
    font-size: 11px;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideoSpecifica ul li div.Desc h3 {
    display: block;
    width: 101px;
    float: left;
    height: auto;
    font-weight: bold;
    font-size: 11px;
    color: #6a6a6a;
    padding: 2px 0px 0px 0px;
}


.listaVideoSpecifica ul li div.Desc a:hover {
    position: relative;
    display: block;
    width: 95px;
    height: 134px;
    padding: 4px 5px 0px 5px;
    margin: -85px 0px 0px -2px;
    z-index: 1000;
    background: url(/dl/RaiPremium/images/box_info.png) repeat;
}

.listaVideoSpecifica ul li div.Desc a:hover h2 {
    display: block;
    width: 95px;
    float: left;
    height: auto;
}

/* scroll large */

.paginaGenerica .holder.videoL-bar {
    display: block;
    float: left;
    width: 590px;
    height: 280px;
    padding: 20px 0px 35px 0px;
}

.paginaGenerica .holder.videoL-bar .scroll-pane {
    width: 590px;
    height: 280px;
    overflow: auto;
    float: left;
    padding: 0px 0px 0px 0px;

}

#paneUltimiVideo {
    height: 280px;
}

.videoL-bar .jScrollPaneTrack {
    height: 280px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -754px 0px no-repeat;
}

.videoL-bar .jScrollPaneDragTop {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px 0px no-repeat;
    height: 6px;
}

.videoL-bar .jScrollPaneDragBottom {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px -106px no-repeat;
    height: 10px;
}

.videoL-bar .jScrollPaneDrag {
    margin: 2px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -738px bottom no-repeat;
}

.videoL-bar .scroll-pane {}

/* fine scroll */



/* scroll small */

.paginaGenerica .holder.videoS-bar {
    display: block;
    float: left;
    width: 590px;
    height: 140px;
    padding: 15px 0px 40px 0px;
}

.paginaGenerica .holder.videoS-bar .scroll-pane {
    width: 590px;
    height: 140px;
    overflow: auto;
    float: left;
    padding: 0px 0px 0px 0px;

}

#paneUltimiPod,
#paneVideoVisti,
#paneVideoVotati,
#paneVostriVideo {
    height: 140px;
}

.videoS-bar .jScrollPaneTrack {
    height: 140px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -772px 0px no-repeat;
}

.videoS-bar .jScrollPaneDragTop {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px 0px no-repeat;
    height: 6px;
}

.videoS-bar .jScrollPaneDragBottom {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px -106px no-repeat;
    height: 10px;
}

.videoS-bar .jScrollPaneDrag {
    margin: 2px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -738px bottom no-repeat;
}

.videoS-bar .scroll-pane {}

/* fine scroll */


/*######### FiNE BOX RAITV ######### */


/*######### BOX GENERICI ######### */

.boxGenerico {
    display: block;
    float: left;
    width: 310px;
    height: auto;
    margin: 0px 0px 5px 0px;
}


.boxGenerico .Top {
    display: block;
    float: left;
    text-align: left;
    width: 270px;
    height: 26px;
    padding: 18px 20px 0px 20px;
    overflow: hidden;
}

.boxGenerico .Top h2 {
    display: block;
    float: left;
    width: 260px;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #8d8d8d;
    text-transform: uppercase;
    line-height: 14px;
}

.boxGenerico .Top h2 a {
    display: block;
    float: left;
    width: 260px;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #8d8d8d;
    text-transform: uppercase;
    line-height: 14px;
}

.boxGenerico .Top h2 a {
    display: block;
    float: left;
    width: 260px;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #8d8d8d;
    text-transform: uppercase;
    line-height: 14px;
}

.boxGenerico .Bot {
    display: block;
    float: left;
    width: 310px;
    height: 15px;
    overflow: hidden;
}

.boxGenerico .Mid {
    display: block;
    float: left;
    width: 270px;
    padding: 10px 20px 3px 20px;
    height: auto;
}

.boxGenerico .Top a.rss {
    display: block;
    float: left;
    width: 19px;
    height: 18px;
    font-size: 16px;
    background: url(/dl/RaiPremium/images/ico_feed.png) no-repeat;
}

/*sx*/
.bloccoSx .boxGenerico .Top {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -93px no-repeat;
}

.bloccoSx .boxGenerico .Bot {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -132px no-repeat;
}

.bloccoSx .boxGenerico .Mid {
    background: url(/dl/RaiPremium/images/bkg_vertical.gif) -334px 0px repeat-y;
}

/*dx*/
.bloccoDx .boxGenerico .Top {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -650px -93px no-repeat;
}

.bloccoDx .boxGenerico .Bot {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -650px -132px no-repeat;
}

.bloccoDx .boxGenerico .Mid {
    background: url(/dl/RaiPremium/images/bkg_vertical.gif) -646px 0px repeat-y;
}


a.linkGenerico {
    display: block;
    float: right;
    height: 15px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    font-size: 10px;
    color: #959595;
    cursor: pointer;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -361px no-repeat;
}

a.linkGenerico span {
    display: block;
    height: 14px;
    margin: 0px 0px 0px 0px;
    padding: 1px 20px 0px 0px;
    font-size: 10px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -361px no-repeat;
}

a.linkGenerico:hover {
    color: #666;
}

/*######### FiNE BOX ######### */

/*######### BOX SONDAGGIO RAIYOYO######### */
.RaiYoYo .boxSond {
    display: block;
    float: left;
    width: 310px;
    height: auto;
    margin: 0px 0px 5px 0px;
}

.RaiYoYo .boxSond .top {
    display: block;
    float: left;
    text-align: left;
    width: 270px;
    height: 26px;
    padding: 18px 20px 0px 20px;
    overflow: hidden;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -650px -93px no-repeat;
}

.RaiYoYo .boxSond .top h2 {
    display: block;
    float: left;
    width: 260px;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #8d8d8d;
    text-transform: uppercase;
    line-height: 14px;
}

.RaiYoYo .boxSond .top h2 a {
    display: block;
    float: left;
    width: 260px;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #8d8d8d;
    text-transform: uppercase;
    line-height: 14px;
}

.RaiYoYo .boxSond .top h2 a {
    display: block;
    float: left;
    width: 260px;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    color: #8d8d8d;
    text-transform: uppercase;
    line-height: 14px;
}

.RaiYoYo .boxSond .sond {
    display: block;
    float: left;
    width: 270px;
    padding: 10px 20px 3px 20px;
    height: auto;
    background: url(/dl/RaiPremium/images/bkg_vertical.gif) -646px 0px repeat-y;
}

.RaiYoYo .boxSond .bot {
    display: block;
    float: left;
    width: 310px;
    height: 15px;
    overflow: hidden;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -650px -132px no-repeat;

}

.RaiYoYo .boxSond .sond .raiPoll a.btn {
    display: block;
    float: right;
    margin: 0px 5px 5px 5px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #006e25;
    background: #006e25;
}

.RaiYoYo .boxSond .sond .raiPoll a.btn:hover {
    text-decoration: none;
    color: #006e25;
    border: 1px solid #006e25;
    background: #fff;
}

.RaiYoYo .boxSond .sond .raiPoll a.btn.left {
    float: left;
}

.RaiYoYo .boxSond .sond .raiPoll ul.risposta li {
    width: 250px;
}

.RaiYoYo .boxSond .sond .raiPoll ul.risposta li .barra span.result_barra {
    border: 1px solid #006e25;
    background: #006e25;
}

.RaiYoYo .boxSond .sond .raiPoll ul.risposta li .barra {
    border: 1px solid #006e25;
}

/*#########FINE BOX SONDAGGIO RAIYOYO######### */

/*######### LANCIO WIDE ######### */

div.lancioWide {
    display: block;
    float: left;
    width: 630px;
    height: auto;
    margin: 0px 0px 5px 0px;
}

div.lancioWide .Top {
    display: block;
    float: left;
    width: 630px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -315px no-repeat;
}

div.lancioWide .Bot {
    display: block;
    float: left;
    width: 630px;
    height: 15px;
    margin: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -344px no-repeat;
}

div.lancioWide .Mid {
    display: block;
    float: left;
    width: 630px;
    height: 135px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_bigLancio.gif) 0px 0px repeat-y;
}


/*tabs*/

ul.tabs {
    display: block;
    float: left;
    width: auto;
    padding: 5px 0px 0px 10px;
}

ul.tabs li {
    display: block;
    float: left;
    width: auto;
    height: 23px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 10px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -842px -234px no-repeat;
}

ul.tabs li span {
    display: block;
    float: left;
    width: auto;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 4px 10px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #8c8c8c;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) right -234px no-repeat;
    cursor: pointer;
}


ul.tabs li:hover,
ul.tabs li.selected {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -842px -257px no-repeat;
}

ul.tabs li span:hover,
ul.tabs li.selected span {
    color: #fff;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) right -257px no-repeat;
}


/* scroll small */
#next {
    display: none;
}

.Fiction .holder.videoS-bar {
    display: block;
    float: left;
    width: 590px;
    height: 140px;
    padding: 15px 0px 0px 5px;
}

.Fiction .holder.videoS-bar .scroll-pane {
    width: 590px;
    height: 140px;
    overflow: auto;
    float: left;
    padding: 0px 0px 0px 0px;

}

#paneFiction {
    height: 140px;
}

.videoS-bar .jScrollPaneTrack {
    height: 140px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -772px 0px no-repeat;
}

.videoS-bar .jScrollPaneDragTop {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px 0px no-repeat;
    height: 6px;
}

.videoS-bar .jScrollPaneDragBottom {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px -106px no-repeat;
    height: 10px;
}

.videoS-bar .jScrollPaneDrag {
    margin: 2px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -738px bottom no-repeat;
}

.videoS-bar .scroll-pane {}

/* fine scroll */



.Fiction ul {
    display: block;
    float: left;
    width: 570px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.Fiction ul li {
    display: block;
    float: left;
    width: 270px;
    height: 47px;
    overflow: hidden;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.Fiction ul li .imgItemSmall {
    display: block;
    float: left;
    text-align: left;
    width: 47px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.Fiction ul li a {
    display: block;
    float: left;
    text-align: left;
    width: 213px;
    height: 47px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    cursor: pointer;
    overflow: hidden;
    color: #63728d;
}

.Fiction ul li .imgItemSmall a {
    width: 47px;
    height: 47px;
    padding: 0px;
    margin: 0px;
}

.Fiction ul li a span {
    display: block;
    float: left;
    width: 213px;
    font-size: 9px;
    color: #959595;
    overflow: hidden;
}

.Fiction ul li a h4 {
    display: block;
    float: left;
    width: 213px;
    font-size: 11px;
    margin: -3px 0px 0px 0px;
}

.Fiction ul li a p {
    display: block;
    float: left;
    width: 213px;
    font-size: 11px;
    color: #434343;
    line-height: 12px;
}

/*######### LANCIO GRANDE ######### */

div.lancioGrande {
    display: block;
    float: left;
    width: 630px;
    height: 175px;
    margin: 0px 0px 0px 0px;
}

div.lancioGrandeHtml {
    display: block;
    float: left;
    width: 630px;
    height: auto;
    margin: 0px 0px 10px 0px;
}

div.lancioGrande a.img {
    display: block;
    float: left;
    width: 245px;
    height: 133px;
    margin: -1px 0px 5px 12px;
    background-position: 8px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
}

div.lancioGrande .Top {
    display: block;
    float: left;
    width: 630px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -315px no-repeat;
}

div.lancioGrande .Bot {
    display: block;
    float: left;
    width: 630px;
    height: 15px;
    margin: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -344px no-repeat;
}

div.lancioGrande .Mid {
    display: block;
    float: left;
    width: 630px;
    height: 135px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_bigLancio.gif) 0px 0px repeat-y;
}

div.lancioGrande .Mid .bg {
    display: block;
    float: left;
    width: 355px;
    height: 125px;
    margin: 5px 0px 0px 0px;
    background: #fff;
}

div.lancioGrande .Mid a.testo {
    display: block;
    float: left;
    text-align: left;
    width: 350px;
    height: 100px;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

div.lancioGrande .Mid h2 {
    display: block;
    float: left;
    width: 350px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    color: #707070;

}

div.lancioGrande .Mid h3 {
    display: block;
    float: left;
    width: 350px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
    font-size: 11px;
}

div.lancioGrande .Mid p {
    display: block;
    float: left;
    width: 350px;
    height: auto;
    line-height: 12px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    color: #434343;
}

div.lancioGrande .Mid ul.altro {
    width: 310px;
}

/*######### FiNE LANCIO GRANDE ######### */

/*######### ELEMENTI BOX ######### */

.boxGenerico .Mid a.img {
    display: block;
    float: left;
    width: 123px;
    height: 123px;
}

.boxGenerico .Mid a.testo {
    display: block;
    float: left;
    text-align: left;
    width: 132px;
    height: 123px;
    overflow: hidden;
    padding: 0px 0px 0px 15px;
    color: #4f4f4f;
}

.boxGenerico .Mid a.testo h4 {
    width: 132px;
    font-size: 11px;
    font-weight: normal;
    padding: 0px 0px 3px 0px;
    color: #949494;
}

.boxGenerico .Mid a.testo h3 {
    width: 132px;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 3px 0px;
}

.boxGenerico .Mid a.testo p {
    width: 132px;
    height: 123px;
    font-size: 11px;
    overflow: hidden;
}

/*altre opzioni*/

.Mid ul.altro {
    display: block;
    float: left;
    width: 270px;
    height: 16px;
    overflow: hidden;
    margin: 12px 0px 0px 0px;
}

.Mid ul.altro li {
    display: block;
    float: left;
    width: auto;
    height: 16px;
    margin: 0px 6px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.Mid ul.altro li a {
    display: block;
    float: left;
    width: auto;
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 7px;
    color: #6c6c6c;
    cursor: pointer;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -261px;
}

.Mid ul.altro li a span {
    display: block;
    float: left;
    width: auto;
    height: 15px;
    margin: 0px 0px 0px 0px;
    padding: 1px 6px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -261px no-repeat;
}

.Mid ul.altro li.rss a {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -279px;
}

.Mid ul.altro li.rss a span {
    color: #fff;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -279px no-repeat;
}

.Mid ul.altro li a:hover {
    color: #fff;
    background-position: -332px -297px;
}

.Mid ul.altro li a:hover span {
    background-position: right -297px;
}

/* GUIDA PROGRAMMI */

#calendarioGuida {
    display: block;
    float: left;
    width: 270px;
    height: 30px;
    padding: 0px 0px 10px 0px;
}

#calendarioGuida a.btnPrev {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0px 6px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) 0px 0px no-repeat;
}

#calendarioGuida a.btnNext {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -30px 0px no-repeat;
}

#calendarioGuida a.btnPrev:hover {
    background-position: 0px -30px;
}

#calendarioGuida a.btnNext:hover {
    background-position: -30px -30px;
}

#calendarioGuida div.giorni {
    display: block;
    float: left;
    width: 198px;
    height: 30px;
}

#calendarioGuida div.giorni ul {
    display: block;
    float: left;
    width: 198px;
    height: 30px;
}

#calendarioGuida div.giorni ul li {
    display: block;
    float: left;
    width: 28px;
    height: 30px;
    margin: 0px 6px 0px 0px;
}

#calendarioGuida div.giorni ul li a {
    display: block;
    float: left;
    width: 28px;
    height: 30px;
    margin: 0px 6px 0px 0px;
    cursor: pointer;
    overflow: hidden;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -64px 0px no-repeat;
}

#calendarioGuida div.giorni ul li a:hover,
#calendarioGuida div.giorni ul li.current a {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -64px -30px no-repeat;
}

#calendarioGuida div.giorni ul li a h4 {
    display: block;
    float: left;
    width: 28px;
    height: 18px;
    font-size: 16px;
    margin: -1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #fff;
}

#calendarioGuida div.giorni ul li a h5 {
    display: block;
    float: left;
    width: 28px;
    height: 12px;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    color: #fff;
}


.Palinsesto {
    display: block;
    float: left;
    width: 270px;
    height: 190px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -96px 0px no-repeat;
}

.Palinsesto ul.fasciaOraria {
    display: block;
    float: left;
    width: 82px;
    height: 187px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
}

.Palinsesto ul.fasciaOraria li {
    display: block;
    float: left;
    text-align: right;
    width: 76px;
    height: 22px;
    margin: 9px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.Palinsesto ul.fasciaOraria li a {
    display: block;
    float: left;
    width: 76px;
    height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 4px 6px 0px 0px;
    font-weight: bold;
    font-size: 11px;
    color: #858585;
}

.Palinsesto ul.fasciaOraria li a:hover {
    color: #666;
}

.Palinsesto ul.fasciaOraria li a.selected {
    color: #eee;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -96px -190px no-repeat;
}

.Palinsesto ul.fasciaOraria li.selected a:hover {
    color: #fff;
}


.Palinsesto #elencoPalinsesto {
    display: block;
    float: left;
    width: 170px;
    height: 166px;
    margin: 0px 0px 0px 0px;
    padding: 12px 12px 12px 6px;
}


/* scroll */


.Palinsesto .holder {
    display: block;
    float: left;
    width: 170px;
    height: 166px;
}

.Palinsesto .scroll-pane {
    width: 170px;
    height: 166px;
    overflow: auto;
    float: left;
    padding: 0px 0px 0px 0px;

}

#panePalinsesto {
    height: 166px;
}

.prog-bar .jScrollPaneTrack {
    height: 166px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -371px -6px no-repeat;
}

.prog-bar .jScrollPaneDragTop {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -371px 0px no-repeat;
    height: 6px;
}

.prog-bar .jScrollPaneDragBottom {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -371px -172px no-repeat;
    height: 10px;
}

.prog-bar .jScrollPaneDrag {
    margin: 2px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -387px bottom no-repeat;
}

.prog-bar .scroll-pane {}

/* fine scroll */

#elencoPalinsesto ul {
    display: block;
    float: left;
    width: 145px;
    height: auto;
}

#elencoPalinsesto ul li {
    display: block;
    float: left;
    width: 145px;
    height: auto;
    margin: 4px 0px 0px 0px;
    padding: 4px 0px 0px 0px;

}

#elencoPalinsesto ul li span.ora {
    display: block;
    float: left;
    padding: 0px 7px 0px 6px;
}

#elencoPalinsesto ul li span.info {
    display: block;
    float: left;
    width: 96px;
    color: #fff;
}

#elencoPalinsesto ul li a {
    color: #fff;
}

#elencoPalinsesto ul li.passato span.ora,
#elencoPalinsesto ul li.passato span.info,
#elencoPalinsesto ul li.passato a {}

#elencoPalinsesto ul li.corrente span {
    color: #fff;
}

#elencoPalinsesto ul li.corrente {
    background: #86020f url(/dl/RaiPremium/images/bkg_custom.gif) -184px -192px no-repeat;
}

#elencoPalinsesto ul li.corrente .extG {
    display: block;
    width: 145px;
    float: left;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px -3px 0px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -184px bottom no-repeat;
}


/* FiNE GUIDA PROGRAMMI */


/* box consigliati */

.boxGenerico.boxConsigliati .Top {
    height: 19px;
}

.boxGenerico.boxConsigliati .Mid {
    padding-top: 0px;
}

.boxConsigliati .scroll-pane {}

/*
  .boxConsigliati .jScrollPaneTrack {
    border-radius: 9px;
    width: 14px;
    background: none repeat scroll 0 0 #bfbfbf;

    background: url("/dl/Rai5/images/boxConsigliatiDrag.gif") no-repeat scroll 0 0 transparent;
  }
  .boxConsigliati .jScrollPaneDrag {
    border: 2px solid #bfbfbf;
    background-color: #fff;
    border-radius: 7px;
    width: 10px;

    width: 14px;
    border-width: 0px;
    margin: 2px 0px 0px 0px;
    background: url("/dl/Rai5/images/boxConsigliatiDrag.gif") no-repeat scroll -14px bottom transparent;
  }
  .boxConsigliati .jScrollPaneDrag .jScrollPaneDragTop {
    width: 14px;
    height: 6px;
    background: url("/dl/Rai5/images/boxConsigliatiDrag.gif") no-repeat scroll -28px 0 transparent;
  }
  .boxConsigliati .jScrollPaneDrag .jScrollPaneDragBottom {
    width: 14px;
    height: 8px;
    background: url("/dl/Rai5/images/boxConsigliatiDrag.gif") no-repeat scroll -28px -6px transparent;
  }
  */
.boxConsigliati p {
    text-align: left;
    color: #7d7d7d;
    font-weight: normal;
    font-size: 11px;
    margin: 0px 0px 15px 0px;
}

.boxConsigliati .consigliati li {
    height: 65px;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}

.boxConsigliati .consigliati li a {
    display: block;
}

.boxConsigliati .consigliati li img {
    display: block;
    float: left;
    width: 87px;
    height: 65px;
    margin: 0px 10px 0px 0px;
}

.boxConsigliati .consigliati li strong {
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    display: block;
    float: left;
    width: 150px;
    text-align: left;
    margin: 0px 0px 3px 0px;
}

.boxConsigliati .consigliati li em {
    color: #9e9e9e;
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    display: block;
    float: left;
    width: 150px;
    text-align: left;
}

/* fine box consigliati */


/* PROGRAMMI IN ONDA */

.boxGenerico #pagAlfabeticaSpalla {
    display: block;
    float: left;
    width: 270px;
    height: 23px;
    padding: 0px 0px 10px 0px;
    overflow: hidden;
}

.boxGenerico #pagAlfabeticaSpalla ul {
    display: block;
    float: left;
    width: 276px;
    height: 23px;
    margin: 0px 0px 0px -4px;
}

.boxGenerico #pagAlfabeticaSpalla ul li {
    display: block;
    float: left;
    width: 33px;
    height: 23px;
    margin: 0px 0px 0px 6px;
}

.boxGenerico #pagAlfabeticaSpalla ul li a h4 {
    font-size: 11px;
}

.boxGenerico #pagAlfabeticaSpalla ul li a {
    display: block;
    float: left;
    width: 33px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    cursor: pointer;
    overflow: hidden;
    color: #5a5a5a;
    border-radius: 4px;
    background: url(/dl/PortaliRai/images/bkg_custom.png) 0px 0px repeat-x;
}

.boxGenerico #pagAlfabeticaSpalla ul li a:hover,
.boxGenerico #pagAlfabeticaSpalla ul li.selected a {
    color: #fff;
    background: url(/dl/PortaliRai/images/bkg_custom.png) 0px 0px repeat-x;
}


.Programmi {
    display: block;
    float: left;
    width: 250px;
    height: 104px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: url(/dl/PortaliRai/images/bkg_elenco.png) 0px 0px no-repeat;
}

.boxGenerico .Mid .Programmi {
    overflow: hidden;
}

.Programmi #elencoProgrammi {
    display: block;
    float: left;
    text-align: left;
    width: 250px;
    height: 104px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.Programmi .jspContainer {
    height: 104px !important;
}

.jspVerticalBar {
    background: transparent !important;
}




.jspTrack {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px !important;
    background: transparent !important;
}

.jspDrag {
    border-radius: 4px;
    margin: 0px 0px 0px 0px !important;
    background: #666 !important;
}

/* scroll */


/* fine scroll */

#elencoProgrammi ul {
    display: block;
    float: left;
    width: 220px;
    height: auto;

}

#elencoProgrammi ul li {
    display: block;
    float: left;
    width: 220px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
}

#elencoProgrammi ul li a h4 {
    font-weight: bold;
    font-size: 11px;
    color: #707070;
}

#elencoProgrammi ul li a:hover h4 {
    color: #444;
}

#elencoProgrammi ul li span {
    display: none;
}

#elencoProgrammi ul li ol {
    display: none;
}

/* FiNE PROGRAMMI IN ONDA */



#elencoProgrammi ul {
    display: block;
    float: left;
    width: 220px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#elencoProgrammi ul li {
    display: block;
    float: left;
    width: 220px;
    height: auto;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#elencoProgrammi ul li {
    margin: 0px 0px 5px 0px;
}

#elencoProgrammi ul li a h4,
#elencoAttori ul li a h4 {
    font-weight: bold;
    font-size: 11px;
    color: #707070;
}

#elencoProgrammi ul li.thumb .thumbImg {
    display: block;
    float: left;
    width: 60px;
}

#elencoProgrammi ul li.thumb a h4 {
    display: block;
    float: left;
    width: 160px;
}

#elencoProgrammi ul li a:hover h4,
#elencoAttori ul li a:hover h4 {
    color: #444;
}

#elencoProgrammi ul li span {
    display: none;
}

#elencoAttori ul li span {
    display: block;
    font-weight: bold;
    font-size: 11px;
    color: #707070;
    text-align: left;
}

#elencoProgrammi ul li ol,
#elencoAttori ul li ol {
    display: none;
}



/* FiNE PROGRAMMI IN ONDA */


/* ELENCO GENERICO */

.elencoGenerico {
    display: block;
    float: left;
    width: 270px;
    height: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.elencoGenerico #elencoGenerico {
    display: block;
    float: left;
    width: 270px;
    height: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}


/* scroll */


.elencoGenerico .holder {
    display: block;
    float: left;
    width: 270px;
    height: 100px;
}

.elencoGenerico .scroll-pane {
    width: 270px;
    height: 100px;
    overflow: auto;
    float: left;
    padding: 0px 0px 0px 0px;

}

#paneGenerico {
    height: 100px;
}

.white-bar .jScrollPaneTrack {
    height: 100px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px -6px no-repeat;
}

.white-bar .jScrollPaneDragTop {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px 0px no-repeat;
    height: 6px;
}

.white-bar .jScrollPaneDragBottom {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -722px -106px no-repeat;
    height: 10px;
}

.white-bar .jScrollPaneDrag {
    margin: 2px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -738px bottom no-repeat;
}

.white-bar .scroll-pane {}

/* fine scroll */

#elencoGenerico ul {
    display: block;
    float: left;
    width: 250px;
    height: auto;

}

#elencoGenerico ul li {
    display: block;
    float: left;
    width: 230px;
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 9px;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -830px 6px no-repeat;
}

#elencoGenerico ul li a {
    font-weight: bold;
    display: block;
    height: 16px;
    color: #959595;
    cursor: pointer;
    padding: 1px 0px 0px 8px;

}

#elencoGenerico ul li a:hover {
    font-weight: bold;
    color: #555;
    padding: 0px 0px 0px 8px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -261px no-repeat;
}

#elencoGenerico ul li a:hover span {
    display: block;
    width: auto;
    height: 15px;
    font-weight: bold;
    color: #555;
    padding: 1px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -261px no-repeat;
}

/* FiNE ELENCO GENERICO */



/* LISTE - COMMUNITY - TEMATICHE */

ul.listaItemSmall {
    display: block;
    float: left;
    width: 270px;
    height: auto;
    margin: -20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.listaItemSmall li {
    display: block;
    float: left;
    width: 270px;
    height: auto;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.listaItemSmall li.blocked {
    display: none;
}

ul.listaItemSmall li .imgItemSmall {
    display: block;
    float: left;
    text-align: left;
    width: 47px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.listaItemSmall li a {
    display: block;
    float: left;
    text-align: left;
    width: 213px;
    height: 47px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    cursor: pointer;
    overflow: hidden;
}

ul.listaItemSmall li .imgItemSmall a {
    width: 47px;
    height: 47px;
    padding: 0px;
    margin: 0px;
}


ul.listaItemSmall li a span {
    display: block;
    float: left;
    width: 213px;
    font-size: 9px;
    color: #959595;
    overflow: hidden;
}

ul.listaItemSmall li a h4 {
    display: block;
    float: left;
    width: 213px;
    font-size: 11px;
    margin: -3px 0px 0px 0px;
}

ul.listaItemSmall li a p {
    display: block;
    float: left;
    width: 213px;
    font-size: 11px;
    color: #434343;
    line-height: 12px;
}

/* FiNE LISTE - COMMUNITY - TEMATICHE */

/* LANCI TRIPLI */

.container_lanci {
    width: 270px;
    height: 123px;
    padding: 0px 0px 11px 0px;
}

ol.lanci {
    float: left;
    display: block;
    width: 147px;
    height: 123px;
    padding: 0px;
    margin: 0px;
    background: #fff;
    list-style: none;
}

ol.lanci li {
    text-align: left;
    float: left;
    width: 147px;
    height: 41px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    overflow: hidden;
    cursor: pointer;
}

.imgLancetto {
    display: block;
    float: left;
    margin: 0px;
    float: left;
    width: 123px;
    height: 123px;
    background-position: center;
    background-repeat: no-repeat;
}

.container_lanci .smusso {
    display: block;
    left: 0px;
    position: relative;
    margin: -123px 0px 0px 261px;
    width: 9px;
    height: 123px;
    background: url(/dl/RaiPremium/images/mask_lancettidx.png) no-repeat;
}

html>

/**/
body .container_lanci .smusso {
    left: 261px !important;
    margin: 0px !important;
}

ol.lanci li a:link,
ol.lanci li a:visited {
    display: block;
    text-align: left;
    margin: 0px;
    padding: 0px;
    width: 134px;
    height: 39px;
    padding: 2px 5px 0px 8px;
    color: #707070;
    font-weight: bold;
    line-height: 11px;
    background: url(/dl/PortaliRai/images/bkg_custom.png) 0px -424px repeat-x;
}

ol.lanci li a.hover {
    color: #fff;
    background: url(/dl/PortaliRai/images/bkg_custom.png) 0px -424px repeat-x;
}

ol.lanci li a span {
    text-align: left;
    display: none;
    width: 134px;
    height: 14px;
    overflow: hidden;
    margin: 0px;
    padding: 3px 0px 0px 0px;
    color: #8d8d8d;
    font-weight: normal;
}

ol.lanci li a.hover span {}



ol.lanci li a p {
    text-align: left;
    height: 23px;
    margin: -13px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

ol.lanci li p.hover {
    color: #fff;
}

ol.lanci li a p.dblLink {
    text-align: left;
    height: 23px;
    /*margin: -28px 0px 0px 0px;*/
    margin: -34px 0px 0px 0px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

/* add-remove */

.containerAddRemove {
    display: none;
    width: 261px;
    height: 15px;
    font-size: 10px;
    color: #fff;
    text-align: left;
    font-weight: normal;
    margin: 0px 0px 0px 1px;
    padding: 1px 1px 15px 6px;
    background: url(/dl/portale/image/bkg_titleul.gif) no-repeat;
}

.containerAddRemove h3 {
    float: left;
    height: 15px;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.containerAddRemove span.addremove {
    float: right;
    width: 39px;
    height: 14px;
    color: #fff;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.containerAddRemove a.add {
    float: left;
    display: block;
    width: 20px;
    height: 14px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/dl/portale/image/ico_piu.png');
}

html>

/**/
body .containerAddRemove a.add {
    background: url(/dl/portale/image/ico_piu.png) no-repeat !important;
}

.containerAddRemove a.add:hover {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/dl/portale/image/ico_piu_on.png');
}

html>

/**/
body .containerAddRemove a.add:hover {
    background: url(/dl/portale/image/ico_piu_on.png) no-repeat !important;
}

.containerAddRemove a.remove {
    float: left;
    display: block;
    width: 19px;
    height: 14px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/dl/portale/image/ico_meno.png');
}

html>

/**/
body .containerAddRemove a.remove {
    background: url(/dl/portale/image/ico_meno.png) no-repeat !important;
}

.containerAddRemove a.remove:hover {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/dl/portale/image/ico_meno_on.png');
}

html>

/**/
body .containerAddRemove a.remove:hover {
    background: url(/dl/portale/image/ico_meno_on.png) no-repeat !important;
}


/* FiNE LANCI TRIPLI  */


/*######### FiNE ELEMENTI BOX ######### */



/*######### PAGINA INTERA ######### */

.paginaGenerica {
    display: block;
    float: left;
    width: 600px;
    height: auto;
    padding: 0px 15px 0px 15px;
}

/*guida prog*/


.bloccoSx .titolo {
    display: block;
    float: left;
    width: 600px;
    text-align: left;
    font-size: 24px;
    line-height: 17px;
    color: #555;
    margin: 0px 0px 4px 0px;
    padding: 6px 0px 10px 0px;
    border-bottom: 1px solid #ddd;
}

.bloccoSx .titolo h2 {
    display: block;
    float: left;
    width: 600px;
    font-size: 24px;
    line-height: 17px;
    color: #555;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
}

.paginaGenerica .btns {
    display: block;
    float: right;
    text-align: right;
    width: 280px;
    height: auto;
    padding: 3px 0px 0px 0px;
}

.paginaGenerica .btns span.label {
    display: block;
    float: right;
    height: auto;
    padding: 1px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #999;
}

a.btnBig {
    display: block;
    float: right;
    width: auto;
    height: 17px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 8px;
    color: #fff;
    cursor: pointer;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -378px;
}

a.btnBig span {
    display: block;
    float: left;
    width: auto;
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 1px 7px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -378px no-repeat;
}

a.btnFeed {
    display: block;
    float: right;
    width: auto;
    height: 17px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 8px;
    color: #fff;
    cursor: pointer;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -397px;
}

a.btnFeed span {
    display: block;
    float: left;
    width: auto;
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 1px 7px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -397px no-repeat;
}

a.btnBig:hover,
a.btnFeed:hover {
    color: #fff;
    background-position: -332px -416px;
}

a.btnBig:hover span,
a.btnFeed:hover span {
    color: #666;
    background-position: right -416px;
}

a#selected {
    cursor: default;
    color: #000;
    background-position: -332px -416px;
}

a#selected span {
    color: #999;
    background-position: right -416px;
}

.paginaGenerica #calendarioGuida {
    display: block;
    float: left;
    width: 600px;
    height: 30px;
    padding: 20px 0px 20px 0px;
}

.paginaGenerica #calendarioGuida a.btnPrev {
    margin: 0px 18px 0px 0px;
}

.paginaGenerica #calendarioGuida div.giorni {
    display: block;
    float: left;
    width: 521px;
    height: 30px;
}

.paginaGenerica #calendarioGuida div.giorni ul {
    display: block;
    float: left;
    width: 521px;
    height: 30px;
}

.paginaGenerica #calendarioGuida div.giorni ul li {
    display: block;
    float: left;
    width: 45px;
    height: 30px;
    margin: 0px 20px 0px 0px;
}

.paginaGenerica #calendarioGuida div.giorni ul li a {
    display: block;
    float: left;
    width: 45px;
    height: 30px;
    margin: 0px 20px 0px 0px;
    cursor: pointer;
    overflow: hidden;
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -47px -62px no-repeat;
}

.paginaGenerica #calendarioGuida div.giorni ul li a:hover,
.paginaGenerica #calendarioGuida div.giorni ul li.current a {
    background: url(/dl/RaiPremium/images/bkg_custom.gif) -47px -92px no-repeat;
}

.paginaGenerica #calendarioGuida div.giorni ul li a h4 {
    display: block;
    float: left;
    width: 45px;
    height: 18px;
    font-size: 16px;
    margin: -1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #fff;
}

.paginaGenerica #calendarioGuida div.giorni ul li a h5 {
    display: block;
    float: left;
    width: 45px;
    height: 12px;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    color: #fff;
}

.guidaPalinsesto {
    display: block;
    float: left;
    width: 600px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    background: url(/dl/RaiPremium/images/bkg_vertical.gif) -2290px 0px repeat-y;
}

.guidaPalinsesto .Top {
    display: block;
    float: left;
    width: 600px;
    height: 10px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -435px no-repeat;
}

.guidaPalinsesto .Bot {
    display: block;
    float: left;
    width: 600px;
    height: 10px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -445px no-repeat;
}

.guidaPalinsesto ul.fasciaOraria {
    display: block;
    float: left;
    width: 110px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.guidaPalinsesto ul.fasciaOraria li {
    display: block;
    float: left;
    width: 110px;
    height: 30px;
    text-align: right;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 5px 0px;
}

.guidaPalinsesto ul.fasciaOraria li a {
    display: block;
    float: left;
    width: 90px;
    height: 24px;
    text-align: right;
    padding: 6px 20px 0px 0px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
    font-size: 12px;
    color: #858585;
}

.guidaPalinsesto ul.fasciaOraria li a:hover {
    color: #333;
}

.guidaPalinsesto ul.fasciaOraria li a.selected {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -322px -457px no-repeat;
}

.guidaPalinsesto ul.Programmazione {
    display: block;
    float: left;
    text-align: left;
    width: 470px;
    height: auto;
    padding: 8px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
}

.guidaPalinsesto ul.Programmazione li {
    display: block;
    float: left;
    width: 470px;
    height: auto;
    padding: 3px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}

.guidaPalinsesto ul.Programmazione li span.ora {
    display: block;
    float: left;
    width: 90px;
    height: auto;
    padding: 1px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    color: #626262;
}

.guidaPalinsesto ul.Programmazione li span.info,
.guidaPalinsesto ul.Programmazione li a {
    display: block;
    float: left;
    width: 300px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #626262;
}

.guidaPalinsesto ul.Programmazione li.passato span.ora {
    color: #c6c6c6;
}

.guidaPalinsesto ul.Programmazione li.passato span.info,
.guidaPalinsesto ul.Programmazione li.passato a {
    color: #c6c6c6;
}

.guidaPalinsesto ul.Programmazione li.corrente {
    height: 38px;
    padding: 0px 0px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -491px no-repeat;
}

.guidaPalinsesto ul.Programmazione li.corrente span.ora {
    color: #626262;
}

.guidaPalinsesto ul.Programmazione li.corrente span.info,
.guidaPalinsesto ul.Programmazione li.corrente a {}

/* Centratura in verticale */
.guidaPalinsesto ul.Programmazione li.corrente div.extG {
    display: table;
    height: 38px;
    #position: relative;
    overflow: hidden;
    width: auto;
}

.guidaPalinsesto ul.Programmazione li.corrente div.midG {
    #position: absolute;
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
}

.guidaPalinsesto ul.Programmazione li.corrente div.intG {
    #position: relative;
    #top: -50%;
    display: block;
    width: auto;
}

/* - */



/*** RICERCA PERONAGGI ***/


ul.pagAlfabetica {
    display: block;
    float: left;
    position: relative;
    width: 600px;
    height: 30px;
    padding: 30px 0px 15px 0px;
    z-index: 100;
}

ul.pagAlfabetica li {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
}

ul.pagAlfabetica li a {
    display: block;
    float: left;
    width: auto;
    height: 23px;
    color: #7c7c7c;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 7px 0px 0px 0px;
}

ul.pagAlfabetica li a:hover {
    color: #c6c6c6;
}

ul.pagAlfabetica li span {
    display: block;
    float: left;
    width: auto;
    height: 23px;
    color: #ddd;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 7px 0px 0px 0px;
}


ul.pagAlfabetica li a#selected {
    width: 25px;
    height: 26px;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    color: #fff;
    font-size: 18px;
    z-index: 10000;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -436px -458px no-repeat;
}

ul.pagAlfabetica li a.pat_0#selected {
    width: auto;
    height: 26px;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 4px 5px 0px 5px;
    color: #fff;
    font-size: 18px;
    z-index: 10000;
    background: url(/dl/RaiPremium/images/sel_altro.gif) 0px 3px no-repeat;
}

ul.elencoRicerca {
    display: block;
    float: left;
    width: 600px;
    height: auto;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    text-align: left;
}

ul.elencoRicerca li {
    display: block;
    /*NONE*/
    float: left;
    width: 200px;
    height: 31px;
    padding: 3px 0px 3px 0px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: -1px;
}

/* Centratura in verticale */
div.external {
    display: table;
    height: 28px;
    #position: relative;
    overflow: hidden;
    width: auto;
}

div.middle {
    #position: absolute;
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
}

div.internal {
    #position: relative;
    #top: -50%;
    display: block;
    width: 195px;
}

/* - */


ul.elencoRicerca li a:link,
ul.elencoRicerca li a:visited {
    display: block;
    color: #7c7c7c;
    padding: 2px 10px 2px 15px;
    cursor: pointer;
}

ul.elencoRicerca li a:hover {
    color: #7c7c7c;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -465px -457px no-repeat;
}

/*** RICERCA PROGRAMMI ***/


ul.elencoRicercaProgrammi {
    display: block;
    float: left;
    width: 600px;
    height: auto;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    text-align: left;
}

ul.elencoRicercaProgrammi li {
    display: block;
    /*NONE*/
    float: left;
    width: 260px;
    height: 78px;
    padding: 10px 30px 12px 10px;
    border-bottom: 1px solid #f4f4f4;
    margin: 0px 0px -1px 0px;
}

ul.elencoRicercaProgrammi li:hover {
    background: url(/dl/RaiPremium/images/bkg_site.gif) 8px -635px no-repeat;
}

ul.elencoRicercaProgrammi li h4 {

    font-size: 11px;
}

ul.elencoRicercaProgrammi li a:link,
ul.elencoRicercaProgrammi li a:visited {
    display: block;
    color: #7c7c7c;
    height: 42px;
    padding: 2px 10px 2px 10px;
    cursor: pointer;
}

ul.elencoRicercaProgrammi li a:hover h4 {}

ul.elencoRicercaProgrammi li>a:link,
ul.elencoRicercaProgrammi li>a:visited {
    height: auto;
}

ul.elencoRicercaProgrammi li ol.altro {
    display: block;
    float: left;
    width: 260px;
    height: 16px;
    overflow: hidden;
    padding: 0px 0px 0px 10px;
    margin: 14px 0px 0px 0px;
}

ul.elencoRicercaProgrammi li ol.altro li {
    display: block;
    float: left;
    width: auto;
    height: 16px;
    margin: 0px 6px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.elencoRicercaProgrammi li ol.altro li a {
    display: block;
    float: left;
    width: auto;
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 7px;
    color: #6c6c6c;
    cursor: pointer;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -261px;
}

ul.elencoRicercaProgrammi li ol.altro li a span {
    display: block;
    float: left;
    width: auto;
    height: 15px;
    margin: 0px 0px 0px 0px;
    padding: 1px 6px 0px 0px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -261px no-repeat;
}

ul.elencoRicercaProgrammi li:hover ol.altro li a {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -531px;
}

ul.elencoRicercaProgrammi li:hover ol.altro li a span {
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -531px no-repeat;
}

ul.elencoRicercaProgrammi li ol.altro li.rss a {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -279px;
}

ul.elencoRicercaProgrammi li ol.altro li.rss a span {
    color: #fff;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -279px no-repeat;
}

ul.elencoRicercaProgrammi li:hover ol.altro li.rss a {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -549px;
}

ul.elencoRicercaProgrammi li:hover ol.altro li.rss a span {
    color: #fff;
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -549px no-repeat;
}

ul.elencoRicercaProgrammi li:hover ol.altro li a:hover {
    color: #fff;
    background-position: -332px -567px;
}

ul.elencoRicercaProgrammi li:hover ol.altro li a:hover span {
    background-position: right -567px;
}

/* Ricerca programmi con locandina*/
ul.elencoRicercaProgrammi .boxProgramma {
    width: 190px;
    margin-top: 10px;
    margin-right: 12px;
    float: left;
    -webkit-box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}

ul.elencoRicercaProgrammi .boxProgramma:hover {
    cursor: pointer;
    background-color: #eee;
}

ul.elencoRicercaProgrammi .boxProgramma.lastCol {
    margin-right: 0px;
}

ul.elencoRicercaProgrammi .boxProgramma img {
    width: 190px;
    height: 142px;
}

ul.elencoRicercaProgrammi .boxProgramma .info {
    padding: 3px;
    height: 100px;
}

ul.elencoRicercaProgrammi .boxProgramma .info .titolo {
    width: 100%;
    color: #db272d;
    font-size: 1.3em;
    border: none;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    text-transform: uppercase;
    max-height: 34px;
    overflow: hidden;
}

ul.elencoRicercaProgrammi .boxProgramma .info .programmazione {
    max-height: 25px;
    overflow: hidden;
    width: 100%;
}

ul.elencoRicercaProgrammi .boxProgramma .info .videoLink {
    background-color: #db272d;

    padding: 5px 10px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #db272d;
}

ul.elencoRicercaProgrammi .boxProgramma .info .videoLink:hover {
    color: #db272d;
    background-color: #fff;
}

/* tendina */

.Tendine {
    display: block;
    float: right;
    margin: 10px 0px 0px 0px;
}

span.tendinaOpzioni {
    display: block;
    text-align: left;
    float: left;
    position: relative;
    z-index: 1000;
    width: 134px;
    height: 23px;
    font-size: 11px;
    padding: 4px 0px 0px 6px;
    margin: 0px 0px 0px 0px;
    color: #707070;
    font-size: 11px;
    cursor: pointer;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -671px -462px no-repeat;
}

span.tendinaOpzioni:hover {
    color: #444;
}

div#seltendinaOpzioni {
    display: none;
    position: absolute;
    z-index: 10000;
    width: 140px;
    height: auto;
    margin: 0px 0px 0px -140px;
}

html>

/**/
body div#seltendinaOpzioni {
    margin: 0px 0px 0px 0px !important;
}

div#seltendinaOpzioni .Top {
    display: block;
    float: left;
    width: 140px;
    height: 19px;
    font-size: 12px;
    cursor: default;
    padding: 0px 0px 0px 0px;
}

div#seltendinaOpzioni .Bot {
    display: block;
    float: left;
    width: 140px;
    height: 5px;
    margin: 0px;
    background: url(/dl/RaiPremium/images/bkg_tendina_bot.png) no-repeat;
}

div#seltendinaOpzioni .Mid {
    display: block;
    float: left;
    z-index: 1000;
    width: 138px;
    height: auto;
    margin: 0px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    padding: 0px 0px 0px 0px;
    background: #fdfdfd;
}

div#seltendinaOpzioni .Mid ul {
    display: block;
    width: 138px;
    height: auto;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style: none;
}

div#seltendinaOpzioni .Mid ul li {
    display: block;
    width: 118px;
    text-align: left;
    height: auto;
    margin: 0px;
    padding: 0px 15px 0px 5px;
}

div#seltendinaOpzioni .Mid ul li a:link,
div#seltendinaOpzioni .Mid ul li a:visited {
    display: block;
    color: #707070;
    font-weight: normal;
    font-size: 11px;
}

div#seltendinaOpzioni .Mid ul li a:hover {
    display: block;
    color: #999;
    font-weight: normal;
}

/**** FAQ ****/

.gruppiFaq {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
    padding: 20px 0px 0px 0px;
}

.gruppiFaq h3 {
    display: block;
    float: left;
    width: 600px;
    padding: 00px 0px 20px 0px;
    text-transform: uppercase;
    color: #a0a0a0;
    font-size: 11px;
}

.gruppiFaq ul {
    display: block;
    float: left;
    width: 595px;
    padding: 0px 0px 0px 5px;
    color: #a0a0a0;
    font-size: 11px;
}

.gruppiFaq ul li {
    display: block;
    float: left;
    width: 595px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.gruppiFaq ul li a {
    display: block;
    float: left;
    width: auto;
    height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 11px;
    color: #7d7d7d;
    cursor: pointer;
}

.gruppiFaq ul li a span {
    display: block;
    float: left;
    width: auto;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 4px 9px 0px 0px;
}

.gruppiFaq ul li a:hover {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -585px;
}

.gruppiFaq ul li a:hover span {
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -585px no-repeat;
}

.gruppiFaq ul li a.selected,
.gruppiFaq ul li a.selected:hover {
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -611px;
}

.gruppiFaq ul li a.selected span,
.gruppiFaq ul li a.selected:hover span {
    background: url(/dl/RaiPremium/images/bkg_site.gif) right -611px;
}

.gruppiFaq ul li .Mid a {
    display: inline;
    float: none;
    color: #fff;
    font-weight: strong;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

.gruppiFaq ul li .Mid a:hover {
    color: #ccc;
    background: transparent;
}

.gruppiFaq ul li .rispostaFaq {
    display: none;
    float: left;
    width: 595px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    color: #eee;
    background: #757575;
}

.gruppiFaq ul li .rispostaFaq .Top {
    display: block;
    float: left;
    width: 591px;
    height: 10px;
    padding: 4px 4px 0px 0px;
    overflow: hidden;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -637px;
}

.gruppiFaq ul li .rispostaFaq .Top a.Close {
    display: block;
    float: right;
    width: 10px;
    height: 10px;
    padding: 0px;
    marfin: 0px;
    overflow: hidden;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -950px -644px;
}

.gruppiFaq ul li .rispostaFaq .Mid {
    display: block;
    float: left;
    width: 570px;
    height: auto;
    padding: 0px 12px 0px 13px;
}

.gruppiFaq ul li .rispostaFaq .Bot {
    display: block;
    float: left;
    width: 595px;
    height: 12px;
    overflow: hidden;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -332px -649px;
}

/**** CONTATTI ****/

.formContatti {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
}

.formContatti ul {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
    padding: 20px 0px 0px 0px;
}

.formContatti ul li {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.formContatti ul li .label {
    display: block;
    float: left;
    text-align: right;
    width: 150px;
    height: auto;
    padding: 7px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #888;
}

.formContatti ul li .input {
    display: block;
    float: left;
    text-align: left;
    width: 295px;
    height: auto;
    padding: 1px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

}


.formContatti ul li .input input {
    float: left;
    text-align: left;
    width: 280px;
    height: 15px;
    padding: 5px 6px 5px 6px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    color: #a0a0a0;
    font-size: 11px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #eee;
}

.formContatti ul li .textarea {
    display: block;
    float: left;
    text-align: left;
    width: 295px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.formContatti ul li .textarea textarea {
    float: left;
    text-align: left;
    width: 280px;
    height: 140px;
    padding: 5px 6px 5px 6px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    color: #a0a0a0;
    font-family: arial;
    font-size: 11px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #eee;
}

.formContatti ul li .input span {
    float: left;
    text-align: left;
    width: 235px;
    height: 15px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    color: #a0a0a0;
    position: relative;
    z-index: 20;
    font-size: 11px;
}


.formContatti ul li #mailForm.input {
    float: left;
    text-align: left;
    width: 280px;
    height: 15px;
    padding: 5px 6px 5px 6px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    color: #a0a0a0;
    font-size: 11px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #eee;
}

.formContatti ul li #mailForm.input:hover {
    border: 1px solid #ccc;
    background: #f5f5f5;
}

.formContatti ul li .input a.dwTendina {
    float: right;
    text-align: right;
    width: 20px;
    height: 20px;
    padding: 0px 0px 0px 0px;
    margin: -3px 0px 0px 0px;
    border: 0px;
    color: #a0a0a0;
    position: relative;
    z-index: 20;
    font-size: 11px;
    background: url(/dl/PortaliRai/images/bkg_site.gif) -610px -668px no-repeat;
}

.formContatti ul li .input .selectForm {
    display: none;
    float: left;
    position: relative;
    width: 294px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: -8px 0px 0px -7px;
    z-index: 10;
}

.formContatti ul li .input .selectForm ul {
    display: block;
    float: left;
    width: 262px;
    height: auto;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0px 0px 4px 4px;
    color: #a0a0a0;
    background: #f5f5f5;
    font-size: 11px;
}

.formContatti ul li .input .selectForm ul li {
    display: block;
    float: left;
    width: 243px;
    height: auto;
    padding: 1px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #a0a0a0;
    font-size: 11px;
}

.formContatti ul li .input .selectForm ul li a {
    color: #a0a0a0;
}

.formContatti ul li .input .selectForm ul li a:hover {
    color: #444;
}

.formContatti ul li .input .selectForm .Bot {
    display: none;
}

.formContatti .button {
    display: block;
    float: left;
    text-align: left;
    width: 445px;
    height: auto;
    padding: 10px 0px 0px 170px;
}

.formContatti .button li {
    display: block;
    float: left;
    text-align: left;
    width: 100px;
    height: auto;
    padding: 0px 30px 0px 0px;
}

.formContatti .button li a {
    display: block;
    float: left;
    text-align: center;
    width: 100px;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    color: #888;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 0px;
    border-radius: 4px;
    border: 1px solid #999;
    background: #bbb;
}

.formContatti .button #portalSubmitNewsletter a,
.formContatti .button #SubmitContatti a {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.formContatti .button li a:hover {
    color: #fff;
    border: 1px solid #777;
    background: #999;
}

.notice {
    display: block;
    float: left;
    text-align: left;
    width: 105px;
    height: 18px;
    padding: 7px 0px 0px 30px;
    margin: 0px 0px 10px 0px;
    font-size: 9px;
    color: #999;
}

.notice.siDisp {
    background: url(/dl/RaiPremium/images/ico_form.gif) 5px 4px no-repeat;
}

.notice.noDisp {
    background: url(/dl/RaiPremium/images/ico_form.gif) 5px -24px no-repeat;
}

.notice.Error {
    background: url(/dl/RaiPremium/images/ico_form.gif) 5px -53px no-repeat;
}

.esitoOK {
    display: block;
    float: left;
    width: 600px;
    height: auto;
    padding: 20px 0px 20px 0px;
    text-align: center;
    font-size: 12px;
}

.esitoKO {
    display: block;
    float: left;
    width: 600px;
    height: auto;
    padding: 20px 0px 20px 0px;
    text-align: center;
    font-size: 12px;
}


/*######### FiNE PAGINA INTERA ######### */

/*######### ARTICOLI FOGLIA ######### */

.superTitolo {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
}

.superTitolo h2 {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
    padding: 25px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: normal;
    color: #707070;
}

.superTitolo h3 {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #7d7d7d;
}

.presenzaTv {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
    padding: 10px 0px 0px 0px;
}

.presenzaTv strong {
    display: block;
    float: left;
    text-align: left;
    width: 85px;
    height: auto;
    font-size: 13px;
    font-weight: bold;
    color: #7d7d7d;
}

.presenzaTv a.btnBig {
    float: left;
    margin: 0px 10px 8px 0px;
}

.presenzaTv a.btnBig .icoDoc {
    float: left;
    width: 10px;
    height: 11px;
    margin: 2px 6px 0px 3px;
    background: url(/dl/RaiPremium/images/bkg_site.gif) -950px -465px no-repeat;
}

.personaggioArticolo,
.programmaArticolo {
    display: block;
    float: left;
    text-align: left;
    width: 600px;
    height: auto;
    padding: 30px 0px 0px 0px;
}

.personaggioArticolo .personaggioFotoArticolo,
.programmaArticolo .programmaFotoArticolo {
    display: block;
    float: left;
    text-align: left;
    width: 258px;
    height: 193px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 20px 10px 0px;
}

.maskFotoArticolo {
    display: block;
    float: left;
    width: 258px;
    height: 193px;

    background: url(/dl/RaiPremium/images/mask_articolo.png) no-repeat;
}

.personaggioArticolo p,
.programmaArticolo p {
    font-size: 12px;
    color: #7d7d7d;
}

.bloccoUnico {
    margin-right: 10px;
}

.bloccoUnico .programmaArticolo,
.bloccoUnico .socialNetworks {
    width: 100%;
}



/*######### FiNE ARTICOLI FOGLIA ######### */

/* --- 
.Banner iframe {
height: 70px;
}
*/
#PushBanner iframe {
    height: 30px;
}

/* --- */

/*######### FOOTER ######### */
.contFooter {
    display: block;
    float: left;
    height: auto;
    margin: 0 auto;
    width: 100%;
}

.Footer {
    background: url("/dl/rai/images/bkg_foot.gif") repeat-y scroll 100% 0 #323232;
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 0 0 15px;
    text-align: left;
    width: 980px;
}

.Footer .top {
    background: none repeat scroll 0 0 #3C3C3C;
    display: block;
    float: left;
    height: 34px;
    margin: 0;
    padding: 18px;
    width: 944px;
}

.Footer .top h2 {
    background: url("/dl/rai/images/logo_foot.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 34px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -90000px;
    width: 55px;
}

.Footer .top h3 {
    color: #D7D7D7;
    display: block;
    float: left;
    font-size: 19px;
    font-weight: normal;
    height: 29px;
    margin: 0;
    padding: 5px 0 0 30px;
    text-transform: uppercase;
    width: auto;
}

.Footer .top .boxSearch {
    display: block;
    float: right;
    height: 24px;
    margin: 5px 0 0;
    width: 325px;
}

.Footer .top .boxSearch label {
    display: none;
}

.Footer .top .boxSearch input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 22px;
    padding: 0 5px 2px;
    width: 150px;
}

.Footer .top .boxSearch .Scelta {
    background: url("/dl/rai/images/bkg_scelta_search.gif") no-repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    display: block;
    float: left;
    height: 24px;
    padding: 0;
    text-align: left;
    width: 100px;
}

.Footer .top .boxSearch .Scelta span {
    border: 0 none;
    color: #4B4B4B;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    height: 19px;
    padding: 5px 0 0 8px;
    text-align: left;
    width: 92px;
}

.Footer .top .boxSearch .Scelta ul {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.Footer .top .boxSearch .Scelta:hover ul {
    display: block;
}

.Footer .top .boxSearch .Scelta ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    height: auto;
    padding: 0 8px;
    position: relative;
    width: 84px;
}

.Footer .top .boxSearch .Scelta ul li span {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #DDDDDD;
    display: block;
    float: left;
    height: auto;
    margin: -1px 0 0;
    padding: 3px 0;
    position: relative;
    width: 84px;
}

.Footer .top .boxSearch input.submit {
    background: url("/dl/rai/images/bkg_btn_search.gif") repeat-x scroll 0 0 #B2B2B2;
    border: 0 none;
    color: #3E3E3E;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding: 0 0 4px;
    text-shadow: 0 1px 1px #EEEEEE;
    text-transform: uppercase;
    width: 65px;
}

.Footer .col {
    color: #FFFFFF;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 20px 15px;
    width: 166px;
}

.Footer .col.link {
    width: 110px;
}

.Footer .col.Scura {
    background: none repeat scroll 0 0 #2A2A2A;
    height: auto;
    width: 222px;
}

.Footer .col h4 {
    color: #818181;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
    width: 166px;
}

.Footer .col ul {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 166px;
}

.Footer .col ul li {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 2px 0 1px;
    width: 166px;
}

.Footer .col ul li span {
    padding: 0 5px 0 0;
}

.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: #FFFFFF;
}

.Footer .col ul li a:hover {
    color: #DDDDDD;
}

.Footer .Credits {
    background: url("/dl/rai/images/logo_rai.gif") no-repeat scroll 15px 0 transparent;
    color: #585959;
    display: block;
    float: left;
    height: 29px;
    margin: 20px 0 0;
    padding: 1px 0 0 55px;
    width: 925px;
}

/*######### FiNE FOOTER ######### */


/* my sharone! */


.socialNetworks {
    display: block;
    float: left;
    text-align: left;
    height: 30px;
    width: 600px;
    margin: 20px 0px 0px 0px;
    position: relative;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.socialNetworks .fb {
    width: 380px;
    float: left;
    overflow: hidden;
}

.socialNetworks .share {
    width: 200px;
    float: right;
    text-align: right;
    height: 19px;
    padding: 4px 0px 0px 0px;
}

.st_button {
    display: inline-block;
    height: 16px;
    width: 16px;
    color: #000000;
    cursor: pointer;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: top;
    display: block;
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
}

.st_twitter_custom {
    background: url("http://w.sharethis.com/share4x/images/sprite_062810.png") no-repeat scroll 0 -620px transparent;
}

.st_facebook_custom {
    background: url("http://w.sharethis.com/share4x/images/sprite_062810.png") no-repeat scroll 0 -180px transparent;
}

.st_ybuzz_custom {
    background: url("http://w.sharethis.com/share4x/images/sprite_062810.png") no-repeat scroll 0 -1220px transparent;
}

.st_gbuzz_custom {
    background: url("http://w.sharethis.com/share4x/images/sprite_062810.png") no-repeat scroll 0 -1319px transparent;
}

.st_email_custom {
    background: url("http://w.sharethis.com/share4x/images/sprite_062810.png") no-repeat scroll 0 -460px transparent;
}

.st_sharethis_custom {
    background: url("http://w.sharethis.com/share4x/images/sprite_062810.png") no-repeat scroll 0 -1080px transparent;
    height: 16px;
    overflow: hidden;
    padding: 0px 0 0 20px;
    width: 58px;
    font-size: 11px;
    line-height: 16px;
}





/*######### VIDEO  ######### */

.dammeTregua {
    display: block;
    float: left;
    width: 635px;
    height: auto;
    text-align: left;
    padding: 0px 0px 15px 5px;
    margin: 0px 0px 0px 0px;
}

.dammeTregua .topVideo {
    display: block;
    float: left;
    width: 620px;
    height: 62px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    background: url(/dl/portali/site/images/top_video.png) no-repeat;
}

.dammeTregua .botVideo {
    display: block;
    float: left;
    width: 620px;
    height: 10px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    background: url(/dl/portali/site/images/bot_video.png) no-repeat;
}

.dammeTregua .midVideo {
    display: block;
    float: left;
    width: 598px;
    height: auto;
    text-align: left;
    padding: 5px 10px 0px 10px;
    border-right: 1px solid #5c5c5c;
    border-left: 1px solid #5c5c5c;
    background: #141414;
}

.dammeTregua .midVideo h2 {
    display: block;
    float: left;
    width: 598px;
    height: auto;
    text-align: left;
    text-transform: uppercase;
    padding: 10px 0px 10px 0px;
    font-size: 16px;
}


/*######### BOX RAITV ######### */


.boxProgrammi .Programmi li img {
    display: none;
}

.listaVideo {
    display: block;
    float: left;
    width: 620px !important;
    height: auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    overflow: hidden;
}

.listaVideo ul {
    display: block;
    float: left;
    position: relative;
    width: 620px !important;
    height: auto !important;
    margin: 0px 0px 0px -40px;
}

.listaVideo ul li {
    display: block;
    float: left !important;
    width: 206px !important;
    height: 165px !important;
    margin: 0px 0px 50px 35px !important;
}

li.ui-sortable-helper,
.videoContainer .listaVideo ul li {
    margin: 0px 0px 50px 0px !important;
}

#multimedia_plus .listaVideo ul li {
    display: block;
    float: left !important;
    width: 206px !important;
    height: 165px !important;
    margin: 0px 0px 50px 0px !important;
}

.videoContainer .listaVideo ul li a.img {
    display: block !important;
    float: left !important;
    position: relative;
    width: 190px !important;
    height: 116px !important;
}

.videoContainer .listaVideo ul li a.img img {
    display: block !important;
    float: left !important;
    width: 190px !important;
    height: 116px !important;
}

.videoContainer .listaVideo ul li a.img .mask {
    display: block !important;
    float: left !important;
    position: absolute !important;
    bottom: 0px !important;
    left: 0px !important;
    width: 178px !important;
    height: 17px !important;
    padding: 0px 6px 0px 6px !important;
    background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat !important;
}

.videoContainer .listaVideo ul li .Info {
    display: block !important;
    float: left !important;
    width: 190px !important;
    height: auto !important;
    padding: 5px 0px 0px 5px !important;
}

.videoContainer .listaVideo ul li .Info:hover {
    display: block !important;
    float: left !important;
    position: absolute !important;
    width: 178px !important;
    height: 175px !important;
    overflow: hidden !important;
    padding: 5px 5px 5px 5px !important;
    border: 1px solid #777;
    background: rgba(88, 88, 88, 0.94);
}

.videoContainer .listaVideo ul li .Info h2 {
    display: block !important;
    float: left !important;
    width: 184px !important;
    height: auto !important;
    max-height: 31px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #4b4b4b;
    overflow: hidden !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 4px 0px !important;
}

.videoContainer .listaVideo ul li .Info:hover h2 {
    display: block !important;
    float: left !important;
    width: 180px !important;
    height: auto !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 5px 0px !important;
}

.videoContainer .listaVideo ul li .Info h5,
.videoContainer .listaVideo ul li .Info h4 {
    float: left !important;
    width: 184px !important;
    height: auto !important;
    max-height: 42px !important;
    font-size: 11px !important;
    font-weight: normal !important;
    color: #d7d7d7;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

.videoContainer .listaVideo ul li .Info:hover h5,
.videoContainer .listaVideo ul li .Info:hover h4 {
    display: none !important;
}

.videoContainer .listaVideo ul li .Info:hover p {
    display: block !important;
    float: left !important;
    width: 180px !important;
    height: auto !important;
    color: #eee;
    font-size: 11px !important;
    padding: 0px 0px 0px 0px !important;
}

.videoContainer .listaVideo ul li .Info:hover p a {
    display: block !important;
    float: left !important;
    width: 180px !important;
    height: auto !important;
    color: #eee;
    font-size: 11px !important;
    padding: 0px 0px 0px 0px !important;
}

.listaVideo ul li div.Desc {
    display: block;
    float: left;
    position: relative;
    width: 101px;
    height: auto;
    padding: 0px 2px 0px 2px;
    margin: -33px 0px 0px 0px;
}

.listaVideo ul li div.Desc a h2 {
    display: block;
    width: 101px;
    float: left;
    height: 29px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    padding: 0px 0px 1px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideo ul li div.Desc a h5 {
    display: block;
    width: 101px;
    float: left;
    height: auto;
    font-weight: normal;
    font-size: 9px;
    color: #666;
    line-height: 10px;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideo ul li .Specifiche,
.listaVideo ul li .tastiOpzioni {
    display: none;
}

.listaVideo ul li div.Desc a p {
    display: none;
}

.listaVideo ul li div.Desc a {
    display: block;
    float: left;
    width: 101px;
    height: 53px;
    color: #fff;
    overflow: hidden;
    font-size: 11px;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.listaVideo ul li div.Desc h3 {
    display: block;
    width: 101px;
    float: left;
    height: auto;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    padding: 2px 0px 0px 0px;
}


.listaVideo ul li div.Desc a:hover {
    position: relative;
    display: block;
    width: 93px;
    height: 132px;
    border: 1px solid #333;
    padding: 4px 5px 0px 5px;
    margin: -85px 0px 0px -2px;
    z-index: 1000;
    background: url(/dl/RaiTV/images/alpha_black.png);
}

.listaVideo ul li div.Desc a:hover h2 {
    display: block;
    width: 95px;
    float: left;
    height: auto;
}



/* scroll small */

.holder.videoS-bar {
    display: block;
    float: left;
    width: 590px;
    height: 140px;
    padding: 0px 0px 20px 0px;
}

.holder.videoS-bar .scroll-pane {
    width: 590px;
    height: 140px;
    overflow: auto;
    float: left;
    padding: 0px 0px 0px 0px;

}

#pane_multi1_media,
#pane_multi2_media,
#pane_multi3_media,
#pane_multi4_media,
#pane_multi5_media {
    height: 140px;
}

.videoS-bar .jScrollPaneTrack {
    height: 140px;
    background: url(/dl/portali/site/images/video_panetrack.gif) 0px 0px no-repeat;
}

.videoS-bar .jScrollPaneDragTop {
    background: url(/dl/portali/site/images/scroll_dragtop.gif) 0px 0px no-repeat;
    height: 6px;
}

.videoS-bar .jScrollPaneDragBottom {
    background: url(/dl/portali/site/images/scroll_dragbot.gif) 0px 0px no-repeat;
    height: 10px;
}

.videoS-bar .jScrollPaneDrag {
    margin: 2px 0px 0px 0px;
    background: url(/dl/portali/site/images/scroll_dragmid.gif) 0px bottom no-repeat;
}

.videoS-bar .scroll-pane {}

/* fine scroll */


#pane_multi1_media .Paginazione,
#pane_multi2_media .Paginazione,
#pane_multi3_media .Paginazione,
#pane_multi4_media .Paginazione,
#pane_multi5_media .Paginazione {
    display: none;
}


/*######### PAGINAZIONE VIDEO ######### */

div.Paginazione {
    display: block;
    float: left;
    text-align: center;
    width: auto;
    height: 25px;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    text-align: center;
}

div.Paginazione ul.pagine {
    display: block;
    float: left;
    position: relative;
    padding: 0px;
    margin: 0px auto !important;
    margin: 0px auto;
    width: auto;
    height: 25px;
}

div.Paginazione ul.pagine li {
    display: block;
    float: left;
    width: 24px;
    height: 25px;
    margin: 0px 0px 0px 0px;
}


div.Paginazione ul.pagine li .dots {
    color: #666;
}


div.Paginazione ul.pagine li.prec {
    display: block;
    float: left;
    text-align: center;
    width: auto;
    height: 25px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

div.Paginazione ul.pagine li.succ {
    display: block;
    float: left;
    text-align: center;
    width: auto;
    height: 25px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

div.Paginazione ul.pagine li a:link,
div.Paginazione ul.pagine li a:visited {
    display: block;
    float: left;
    text-align: center;
    width: 24px;
    height: 21px;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0px 0px 0px;
}

div.Paginazione ul.pagine li a:hover {
    color: #fff;
}

div.Paginazione ul.pagine li#selected a:link,
div.Paginazione ul.pagine li#selected a:visited {
    display: block;
    float: left;
    text-align: center;
    width: 25px;
    height: 23px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 0px 0px 0px;
}

div.Paginazione ul.pagine li.prec a:link,
div.Paginazione ul.pagine li.prec a:visited {
    width: auto;
    color: #444;
    font-size: 12px;
    padding: 4px 7px 0px 0px;
}

div.Paginazione ul.pagine li.succ a:link,
div.Paginazione ul.pagine li.succ a:visited {
    width: auto;
    color: #444;
    font-size: 12px;
    padding: 4px 0px 0px 7px;
}

div.Paginazione ul.pagine li.prec a:hover,
div.Paginazione ul.pagine li.succ a:hover {
    color: #fff;
}

/*######### FiNE PAGINAZIONE VIDEO ######### */

/*######### FiNE BOX RAITV ######### */






/* guida new */





#guidaProgrammi.boxLarge {
    display: block;
    position: relative;
    text-align: left;
    width: 608px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 5px;
    background: #fff;
    border-radius: 8px;
}


#guidaProgrammi.boxLarge .top h3 {
    display: block;
    float: left;
    width: 592px;
    font-size: 24px;
    line-height: 17px;
    color: #555;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
}

#guidaProgrammi.boxLarge .top h4 {
    display: none;
    float: left;
    width: 592px;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}



#guidaProgrammi.boxLarge .mid {
    display: block;
    float: left;
    width: 608px;
    height: auto;
    padding: 8px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
}


/* #### GUIDA PROGRAMMI #### */

#guidaProgrammi .top {
    background: #fff;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 6px 0px;
}

#guidaProgrammi .Opzioni {
    display: block;
    float: left;
    width: 608px;
    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;
}


/*ricerca */


#guidaProgrammi .Opzioni .cercaProg {
    display: block;
    float: left;
    position: static;
    width: auto;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#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 40px 0px 0px;
    background: url(/dl/PortaliRai/images/bkg_custom.png) 100% -230px no-repeat;
}

#guidaProgrammi .Opzioni .cercaProg .contCerca {
    display: block;
    position: absolute;
    top: 50px;
    left: 00px;
    z-index: 10000;
    width: 648px;
    height: 940px;
    overflow: hidden;
    background: #fff;
}


#guidaProgrammi .Opzioni .cercaProg .contCerca .scroll-pane {
    display: block;
    float: left;
    width: 648px;
    height: 3000px;
    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: 590px;
    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) 564px -2px no-repeat;
}

#guidaProgrammi .Opzioni .cercaProg .input h2 {
    display: block;
    float: left;
    width: 608px;
    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: 580px;
    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: 586px;
    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: 586px;
    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: 586px;
    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: 586px;
    height: 1400px !important;
    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: #267f69;
    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: none;
}

#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: 608px;
    height: 26px;
    background: #e5e5e5;
}

#guidaProgrammi .ggCal li {
    display: block;
    float: left;
    text-align: center;
    width: 86px;
    height: 26px;
    margin: 0px 0px 0px -3px;
    border-left: 3px solid #fff;
    background: #e5e5e5;
}

#guidaProgrammi .ggCal li:first-child {
    width: 90px;
}

#guidaProgrammi .ggCal li:last-child {
    width: 88px;
}

#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;
    height: 1400px !important;
    overflow: hidden;
    margin: px 0px 0px 0px;
    background: #fff !important;
    border: 0px !important;
}


/* 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: 702px;
    overflow: auto;
}

/*lista*/


#guidaProgrammi .Palinsesto.lista {
    display: block;
    float: left;
    position: relative;
    width: 608px;
    border: 0px;
}

#guidaProgrammi .Palinsesto.lista li.chan {
    display: block;
    float: left;
    width: auto;
    height: auto;
    border-top: 0px solid #fff;
}


#guidaProgrammi .Palinsesto.lista li.chan h3 {
    diaplay: none;
}


#guidaProgrammi .Palinsesto.lista li.chan .Prog {
    display: block;
    float: left;
    position: absolute;
    top: 3px;
    right: 0px;
    width: 608px;
    height: auto;
    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 0px;
    margin: 0px;
    color: #4b4b4b;
    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;
    color: #4b4b4b;
    font-weight: bold;
}

#guidaProgrammi .Palinsesto.lista li.chan ol li.live span {
    color: #999;
    margin: 1px 0px 0px 0px !important;
}

#guidaProgrammi .Palinsesto.lista li.chan ol li.live a {
    width: 407px;
    height: 14px;
    color: #fff;
    padding: 0px 0px 2px 60px;
    margin: 0px 20px 0px 0px;
    border-radius: 4px;
    background: #999 url(/dl/PortaliRai/images/ico_live.png) 0px 0px no-repeat;
}

#guidaProgrammi .Palinsesto.lista li.chan ol li.live a:hover {
    color: #ddd !important;
}

#guidaProgrammi .Palinsesto.lista li.chan ol li a:hover {
    color: #999;
}




/* GUIDA PROGRAMMI spalla*/

.bloccoDx #calendarioSpalla.boxGenerico {
    background: #fff;
    width: 300px;
    margin: 0px 0px 10px 5px;
}

.bloccoDx #calendarioSpalla.boxGenerico .Top,
.bloccoDx #calendarioSpalla.boxGenerico .Mid,
.bloccoDx #calendarioSpalla.boxGenerico .Bot {
    background: #fff;
    width: 275px;
    padding: 0px 10px 0px 15px;
    margin: 0px 0px 0px 0px;
}

.bloccoDx #calendarioSpalla.boxGenerico .Top {
    margin: 10px 0px 5px 0px;
    padding: 0px 10px 2px 18px;
    height: 23px;
    overflow: hidden;
    background: url(/dl/rai/images/bkg_tops.gif) no-repeat 15px 0px;
}

.bloccoDx #calendarioSpalla.boxGenerico .Bot {
    height: 5px;
    padding: 0px 10px 0px 15px;
}

#calendarioSpalla a.btnPrev,
#calendarioSpalla a.btnNext {
    display: none;
}

#calendarioSpalla .Top h2 {
    display: block;
    float: left;
    width: 260px;
    height: 22px;
    font-size: 22px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    color: #5e5e5e;
    text-transform: none;
}

#calendarioGuida div.giorni {
    display: block;
    float: left;
    width: 265px;
    height: 35px;
    border-bottom: 4px solid #4b4b4b;
    border-top: 1px solid #d9d9d9;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    overflow: hidden;
}

#calendarioSpalla div.giorni ul {
    display: block;
    float: left;
    width: 265px;
    height: 35px;
    padding: 0px 0px 0px 0px;
}

#calendarioGuida div.giorni ul li {
    display: block;
    float: left;
    width: 37px;
    height: 35px;
    margin: 0px 2px 0px 0px;
}

#calendarioGuida div.giorni ul li a {
    display: block;
    float: left;
    width: 36px;
    height: 30px;
    margin: 0px 2px 0px 0px;
    padding: 2px 0px 5px 0px;
    cursor: pointer;
    overflow: hidden;
    background: #e5e5e5;
}

#calendarioGuida div.giorni ul li a:hover,
#calendarioGuida div.giorni ul li.current a,
#calendarioGuida div.giorni ul li a:hover h4,
#calendarioGuida div.giorni ul li a:hover h5 {
    background: #4b4b4b;
    color: #fff;
}

#calendarioGuida div.giorni ul li a h4 {
    display: block;
    float: left;
    width: 38px;
    height: 18px;
    font-size: 16px;
    margin: -1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #808080;
}

#calendarioGuida div.giorni ul li a h5 {
    display: block;
    float: left;
    width: 38px;
    height: 12px;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    color: #808080;
}

#calendarioGuida div.giorni ul li.current a h4,
#calendarioGuida div.giorni ul li.current a h5 {
    color: #fff;
}

#calendarioSpalla .Palinsesto {
    display: block;
    float: left;
    width: 280px;
    height: 190px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #eee;
}

.Palinsesto ul.fasciaOraria {
    display: block;
    float: left;
    width: 82px;
    height: 187px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    background: #fff;
}

.Palinsesto ul.fasciaOraria li {
    display: block;
    float: left;
    text-align: right;
    width: 76px;
    height: 43px;
    margin: 0px 0px 2px 0px;
    padding: 0px 4px 0px 0px;

}

.Palinsesto ul.fasciaOraria li a {
    display: block;
    float: left;
    width: 76px;
    height: 28px;
    margin: 0px 0px 2px 0px;
    padding: 15px 4px 0px 0px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #808080;
    background: #eee;
}

.Palinsesto ul.fasciaOraria li a:hover {
    color: #222;
}

.Palinsesto ul.fasciaOraria li a.selected {
    color: #fff;
    background: #267f69;
}

.Palinsesto ul.fasciaOraria li.selected a:hover {
    color: #fff;
}

.Palinsesto #elencoPalinsesto {
    display: block;
    float: left;
    width: 180px;
    height: 166px;
    margin: 0px 0px 0px 0px;
    padding: 12px 12px 12px 6px;
    background: #fff;
}



/* scroll */


.Palinsesto .holder {
    display: block;
    float: left;
    width: 183px;
    height: 166px;
}

.Palinsesto .scroll-pane {
    width: 183px;
    height: 166px;
    overflow: auto;
    float: left;
    padding: 0px 0px 0px 0px;
}

#panePalinsesto {
    height: 166px;
}

.prog-bar .jScrollPaneTrack {
    top: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    height: 232px;
    width: 16px;
    background: #e0e0e0;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
}

.prog-bar .jScrollPaneDragTop {
    height: 20px;
    background: #808080;
}

.prog-bar .jScrollPaneDragBottom {
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #808080;
}

.prog-bar .jScrollPaneDrag {
    width: 20px;
    padding: 0px 0px 0px 0px;
    height: auto;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

/* fine scroll */

#elencoPalinsesto ul {
    display: block;
    float: left;
    width: 145px;
    height: auto;
}

#elencoPalinsesto ul li {
    display: block;
    float: left;
    width: 145px;
    height: auto;
    margin: 4px 0px 0px 0px;
    padding: 4px 0px 0px 0px;

}

#elencoPalinsesto ul li span.ora {
    display: block;
    float: left;
    padding: 0px 7px 0px 6px;
}

#elencoPalinsesto ul li span.info {
    display: block;
    float: left;
    width: 96px;
    color: #eee;
}

#elencoPalinsesto ul li a {
    color: #444;
}

#elencoPalinsesto ul li.passato span.ora,
#elencoPalinsesto ul li.passato span.info,
#elencoPalinsesto ul li.passato a {
    color: #444;
}

#elencoPalinsesto ul li.corrente span.ora,
#elencoPalinsesto ul li.corrente span.info,
#elencoPalinsesto ul li.corrente a {
    color: #fff;
}

#elencoPalinsesto ul li.corrente {
    border-radius: 6px 6px;
    background: #267f69;
}

#elencoPalinsesto ul li.corrente .extG {
    display: block;
    width: 145px;
    float: left;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px -3px 0px;
    background: transparent;
}


/* FiNE GUIDA PROGRAMMI spalla*/

.boxReplay {
    background: none repeat scroll 0 0 #282828;
    display: block;
    float: left;
    height: auto;
    margin: 5px 0 15px 5px;
    padding: 6px;
    text-align: left;
    width: 288px;
}

.RaiYoYo .boxReplay {
    background: #006e25;
}

.boxReplay .top {
    background: url("/dl/RaiTV/2012/images/bkg_tops.gif") no-repeat scroll 0 -170px transparent;
    display: block;
    float: left;
    height: 32px;
    margin: 0 0 6px;
    padding: 0 0 0 16px;
    position: relative;
    width: 272px;
}

.RaiYoYo .boxReplay .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat scroll 0 -32px hsla(0, 0%, 0%, 0);
}

.RaiYoYo .boxReplay .top strong {
    color: #fff;
}

.RaiYoYo .boxReplay .bot {
    border-color: #009031;
}

.RaiYoYo .boxReplay .mid ul.gg li {
    background-color: #009031;
    color: #fff;
}

.RaiYoYo .boxReplay .mid ul.gg li span,
.RaiYoYo .boxReplay .mid ul.gg li strong {
    color: #fff;
}

.RaiYoYo .boxReplay .mid ul.gg li.selected {
    background: #fff;
}

.RaiYoYo .boxReplay .mid ul.gg li.selected span,
.RaiYoYo .boxReplay .mid ul.gg li.selected strong {
    color: #006e25;
}

.RaiYoYo .boxReplay .holder.replay-bar {
    background-color: #006e25;
}

.RaiYoYo .boxReplay .jspDrag {
    background: #01a137 !important;
}

.RaiYoYo .boxReplay .bot strong,
.RaiYoYo .boxReplay .bot .scroller {
    display: none;
}

.RaiYoYo .boxReplay .palinsesto li a span {}

/*Aggiunte da Augusto*/
.RaiYoYo .boxLarge.noTit.left {
    background: #FFF;
}

.RaiYoYo .videoContainer .Categorie li a {
    background: url("/dl/RaiTV/2012/images/btn_categorie-yoyo.png") no-repeat;
}

.RaiYoYo .videoContainer .listaVideo ul li .Info h2 a {
    color: #05a63c;
}

.RaiYoYo .videoContainer .listaVideo ul li .Info h5 {
    color: #444
}

.RaiYoYo .videoContainer .listaVideo ul li .Info:hover h2 a,
.RaiYoYo .videoContainer .listaVideo ul li .Info:hover p a {
    color: #fff;
}

.RaiYoYo .videoContainer .listaVideo ul li .Info:hover {
    background-color: #05a63c;
}


.RaiYoYo .videoContainer .Categorie li a.All {
    background-position: 0px -232px;
    width: 44px;
    text-align: center;
    padding: 2px 20px 0px 0px;
    color: #fff;
}

.RaiYoYo .videoContainer .Categorie li.selected a.All {
    background-position: 0px -270px;
    color: #fff;
}

.RaiYoYo .videoContainer .Categorie li a.All:hover {
    background-position: 0px -251px;
    color: #fff;
}

.RaiYoYo .videoContainer .Categorie {
    display: none;
}

.RaiYoYo #multimedia_plus {
    background: #FFF
}

.RaiYoYo .archivietto {
    color: #05a63c;
}

.RaiYoYo #multimedia_plus .logoRaitv {
    background: url("/dl/RaiTV/2012/images/logo_dark.png") no-repeat scroll 0 0 transparent
}

/*Fine aggiunte da Augusto*/



.boxReplay .top h2 {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 21px;
    line-height: 17px;
    margin: 0 0 3px;
    padding: 0 90px 0 0;
    width: auto;
}

.boxReplay .top h2.rai1 {
    background: url("/dl/rai/images/canali/color/rai1.png") no-repeat scroll 100% -3px transparent;
}

.boxReplay .top h2.rai2 {
    background: url("/dl/rai/images/canali/color/rai2.png") no-repeat scroll 100% -3px transparent;
}

.boxReplay .top h2.rai3 {
    background: url("/dl/rai/images/canali/color/rai3.png") no-repeat scroll 100% -3px transparent;
}

.boxReplay .top h2.rai5 {
    background: url("/dl/rai/images/canali/color/rai5.png") no-repeat scroll 100% -3px transparent;
}

.boxReplay .top h2.raiyoyo {
    background: url("/dl/PortaliRai/images/rai_yoyo_logo_white.png") no-repeat scroll 100% -3px transparent;
}


.boxReplay .top strong {
    color: #D7D7D7;
    display: block;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 272px;
}

.boxReplay .mid {
    border-top: 1px solid #3D3D3D;
    display: block;
    float: left;
    height: auto;
    margin: 2px 0 0;
    padding: 6px 0 0;
    width: 288px;
}

.boxReplay .mid ul.gg {
    background: none repeat scroll 0 0 #282828;
    display: block;
    float: left;
    height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 288px;
}

.boxReplay .mid ul.gg li {
    background: none repeat scroll 0 0 #4B4B4B;
    border-left: 1px solid #282828;
    display: block;
    float: left;
    height: 30px;
    margin: 0;
    padding: 2px 0 0;
    text-align: left;
    width: 40px;
}

.boxReplay .mid ul.gg li.selected {
    background: none repeat scroll 0 0 #5DA7E8;
}

.boxReplay .mid ul.gg li a strong {
    color: #858585;
    display: block;
    float: left;
    font-size: 11px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}

.boxReplay .mid ul.gg li a span {
    color: #858585;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    letter-spacing: -0.5px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}

.boxReplay .mid ul.gg li a:hover strong,
.boxReplay .mid ul.gg li a:hover span,
.boxReplay .mid ul.gg li.selected a strong,
.boxReplay .mid ul.gg li.selected a span {
    color: #FFFFFF;
}

.boxReplay .holder.replay-bar {
    background: none repeat scroll 0 0 #282828;
    display: block;
    float: left;
    height: 173px;
    padding: 10px 0 0;
    width: 288px;
}

.boxReplay .holder.replay-bar .scroll-pane {
    float: left;
    height: 163px;
    overflow: auto;
    padding: 0;
    width: 288px;
}

#pane_replay {
    height: 163px;
}

.replay-bar .jScrollPaneTrack {
    background: url("/dl/RaiUno/images/box_replay_new.gif") no-repeat scroll 0 -15px transparent;
    height: 163px;
}

.replay-bar .jScrollPaneDragTop {
    background: url("/dl/RaiUno/images/box_replay_new.gif") no-repeat scroll 0 -9px transparent;
    height: 6px;
}

.replay-bar .jScrollPaneDragBottom {
    background: url("/dl/RaiUno/images/box_replay_new.gif") no-repeat scroll 0 -178px transparent;
    height: 10px;
}

.replay-bar .jScrollPaneDrag {
    background: url("/dl/RaiUno/images/box_replay_new.gif") no-repeat scroll -18px bottom transparent;
    margin: 2px 0 0;
}

.replay-bar .scroll-pane {}

.boxReplay .palinsesto {
    display: block;
    float: left;
    width: 240px;
    background-image: linear-gradient(left, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 38px, rgba(40, 40, 40, 0) 38px, rgba(40, 40, 40, 0) 100%);
    background-image: -o-linear-gradient(left, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 38px, rgba(40, 40, 40, 0) 38px, rgba(40, 40, 40, 0) 100%);
    background-image: -moz-linear-gradient(left, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 38px, rgba(40, 40, 40, 0) 38px, rgba(40, 40, 40, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 38px, rgba(40, 40, 40, 0) 38px, rgba(40, 40, 40, 0) 100%);
    background-image: -ms-linear-gradient(left, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 38px, rgba(40, 40, 40, 0) 38px, rgba(40, 40, 40, 0) 100%);
}

.boxReplay .palinsesto li {
    display: block;
    float: left;
    margin: 0;
    padding: 0px 0;
    width: 240px;
}

.boxReplay .palinsesto li a {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 240px;
}

.boxReplay .palinsesto li span {
    color: #54A5E7;
    display: block;
    float: left;
    margin: 0;
    padding: 5px 0 5px 3px;
    background-color: #000;
    font-size: 11px;
    width: 35px;
}

.boxReplay .palinsesto li a span {
    font-size: 12px;
    font-weight: bold;
}

.boxReplay .palinsesto li strong {
    color: #54A5E7;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 5px 0 5px 10px;
    width: 185px;
}

.boxReplay .palinsesto li a strong {
    font-weight: bold;
}

.boxReplay .palinsesto li a:hover strong {
    color: #54A5E7;
}

.boxReplay .palinsesto li.nonDisp {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    margin: 0 0 0px;
    padding: 0px 0;
    width: 240px;
}

.boxReplay .palinsesto li.nonDisp span {
    color: #7C7C7C;
}

.boxReplay .palinsesto li.nonDisp strong {
    color: #7C7C7C;
    font-weight: normal;
}

.boxReplay .palinsesto li.selected {}

.boxReplay .bot {
    border-top: 1px solid #3D3D3D;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 8px 0 0;
    width: 288px;
}

.boxReplay .bot strong {
    color: #CCCCCC;
    display: block;
    float: left;
    background-image: none;
    padding: 0;
    font-size: 11px;
    height: auto;
    margin: 0 10px 0 0;
    width: auto;
}

.boxReplay .bot ul {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 20px;
    margin: 0;
    padding: 0;
    width: auto;
}

.boxReplay .bot ul li {
    display: block;
    float: left;
    height: 20px;
    width: auto;
    margin: 0 6px 0 6px;
}

.boxReplay .bot ul li a {
    display: block;
    float: left;
    height: 16px;
    margin: 0;
    width: 32px;
}

.boxReplay .bot ul li a.Rai1 {
    background: url("/dl/rai/images/canali/color/rai1.png") no-repeat scroll 0 -4px transparent;
}

.boxReplay .bot ul li a.Rai2 {
    background: url("/dl/rai/images/canali/color/rai2.png") no-repeat scroll 0 -4px transparent;
}

.boxReplay .bot ul li a.Rai3 {
    background: url("/dl/rai/images/canali/color/rai3.png") no-repeat scroll 0 -4px transparent;
}

.boxReplay .bot ul li a.Rai5 {
    background: url("/dl/rai/images/canali/color/rai5.png") no-repeat scroll 0 -4px transparent;
}

.boxReplay .bot ul li a.RaiPremium {
    width: 59px;
    background: url("/dl/rai/images/canali/color/rai_premium.png") no-repeat scroll 0 -4px transparent;
}

.boxReplay .bot ul li a.RaiGulp {
    width: 40px;
    background: url("/dl/rai/images/canali/color/rai_gulp.png") no-repeat scroll 0 -4px transparent;
}

.boxReplay .bot ul li a.RaiYoyo {
    width: 38px;
    background: url("/dl/rai/images/canali/color/rai_yoyo.png") no-repeat scroll 0 -4px transparent;
}

.boxReplay .scroller {
    width: 288px;
    position: relative;
    height: 28px;
    float: left;
    margin-top: 7px;
    padding-bottom: 8px;
}

.boxReplay .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;
}

.boxReplay .scroller button.arrLeft {
    left: 0px;
    top: 5px;
    background-position: 0px -20px;
}

.boxReplay .scroller button.arrLeft:hover {
    background-position: 0px 0px;
}

.boxReplay .scroller button.arrLeft.disabled,
.boxReplay .scroller button.arrLeft.disabled:hover {
    background-position: 0px -40px;
}

.boxReplay .scroller button.arrRight {
    right: 0px;
    top: 5px;
    background-position: -20px -20px;
}

.boxReplay .scroller button.arrRight:hover {
    background-position: -20px 0px;
}

.boxReplay .scroller button.arrRight.disabled,
.boxReplay .scroller button.arrRight.disabled:hover {
    background-position: -20px -40px;
}

.boxReplay .scroller .scroll-content {
    position: absolute;
    top: 0px;
    left: 23px;
    width: 242px;
    height: 16px;
    padding: 6px 0px 6px 0px;
    overflow: hidden;
    background: #3e3e3e;
}

.boxReplay .scroller .scroll-content ul.replayChan {
    width: 260px !important;
    float: left;
}

.RaiYoYo .boxReplay .palinsesto li.s,
.RaiYoYo .boxReplay .palinsesto li.s a,
.RaiYoYo .boxReplay .palinsesto li.s a:link,
.RaiYoYo .boxReplay .palinsesto li.s a:visited,
.RaiYoYo .boxReplay .palinsesto li.s span,
.RaiYoYo .boxReplay .palinsesto li.s strong {
    color: #fcb00d;
    font-weight: normal;
}

.RaiYoYo .boxReplay .palinsesto li.y,
.RaiYoYo .boxReplay .palinsesto li.y a,
.RaiYoYo .boxReplay .palinsesto li.y a:link,
.RaiYoYo .boxReplay .palinsesto li.y a:visited,
.RaiYoYo .boxReplay .palinsesto li.y span,
.RaiYoYo .boxReplay .palinsesto li.y strong {
    color: #fff;
    font-weight: normal;
}

.RaiYoYo .boxReplay .palinsesto li.n,
.RaiYoYo .boxReplay .palinsesto li.n a,
.RaiYoYo .boxReplay .palinsesto li.n a:link,
.RaiYoYo .boxReplay .palinsesto li.n a:visited,
.RaiYoYo .boxReplay .palinsesto li.n span,
.RaiYoYo .boxReplay .palinsesto li.n strong {
    color: #11c74e;
    font-weight: normal;
}

.RaiYoYo .boxReplay .mid ul.gg {
    background: none;
}

.RaiYoYo .boxReplay .mid ul.gg li {
    border-color: #006e25;
}

/*#### CommenTI ####*/


.boxCommenti {
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 608px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 5px;
    background: #282828;
}

.boxCommenti .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/RaiTV/2012/images/bkg_tops.gif) no-repeat;
}

.boxCommenti .top h3 {
    display: block;
    float: left;
    width: 632px;
    font-size: 24px;
    line-height: 17px;
    color: #fff;

    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
}

.boxCommenti .top h4 {
    display: block;
    float: left;
    width: 632px;
    font-size: 11px;
    color: #d7d7d7;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.boxCommenti .top a.switch {
    display: block;
    position: absolute;
    top: 10px;
    right: 6px;
    width: auto;
    height: 15px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    padding: 1px 23px 0px 0px;
    background: url(/dl/RaiTV/2012/images/btn_switch.png) right top no-repeat;
}

.boxCommenti .top a.switch:hover {
    color: #999;
}

.boxCommenti .top a.switch.expo {
    background: url(/dl/RaiTV/2012/images/btn_switch.png) right -20px no-repeat;
}

.boxCommenti .mid {
    display: block;
    float: left;
    width: 608px;
    height: auto;
    padding: 8px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    overflow: hidden;
}


.boxCommenti .mid ul.tabCommenti {
    display: block;
    float: left;
    width: 608px;
    height: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #3e80c8;
    box-shadow: 0px 3px 2px #111;
}

.boxCommenti .mid ul.tabCommenti li {
    display: block;
    float: left;
    width: auto;
    height: 20px;
    margin: 0px 4px 0px 0px;
}

.boxCommenti .mid ul.tabCommenti li a {
    display: block;
    float: left;
    width: auto;
    height: 17px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    background: #808080;
}

.boxCommenti .mid ul.tabCommenti li.Commenta a {
    width: 42px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 3px 10px 0px 30px;
    text-indent: -9000px;
    overflow: hidden;
    background-image: url(/dl/RaiTV/2012/images/loghi_commenti.png);
    background-position: 10px -60px;
    background-repeat: no-repeat;
}

.boxCommenti .mid ul.tabCommenti li.Facebook a {
    width: 62px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-indent: -9000px;
    overflow: hidden;
    padding: 3px 10px 0px 10px;
    background-image: url(/dl/RaiTV/2012/images/loghi_commenti.png);
    background-position: 10px -40px;
    background-repeat: no-repeat;
}

.boxCommenti .mid ul.tabCommenti li.GooglePl a {
    width: 52px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-indent: -9000px;
    overflow: hidden;
    padding: 3px 10px 0px 10px;
    background-image: url(/dl/RaiTV/2012/images/loghi_commenti.png);
    background-position: 10px -19px;
    background-repeat: no-repeat;
}

.boxCommenti .mid ul.tabCommenti li a:hover {
    background-color: #999;
}

.boxCommenti .mid ul.tabCommenti li.selected {
    border-radius: 3px 3px 0px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_tematiche.gif) repeat-x;
}

.boxCommenti .mid ul.tabCommenti li.selected a {
    background-color: transparent;
}


.boxCommenti .mid .Opzioni {
    display: block;
    float: right;
    text-align: left;
    width: auto;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.boxCommenti .mid .Opzioni .Commenta {
    display: block;
    float: left;
    text-align: left;
    width: auto;
    height: 19px;
    font-size: 11px;
    font-weight: bold;
    color: #d7d7d7;
    padding: 3px 0px 0px 32px;
    margin: 0px 0px 0px 0px;
    border-left: 1px solid #5a5a5a;
    background: url(/dl/RaiTV/2012/images/ico_penna.png) 10px -1px no-repeat;
}

.boxCommenti .mid .Opzioni .Commenta:hover {
    color: #fff;
    background: url(/dl/RaiTV/2012/images/ico_penna.png) 10px -27px no-repeat;
}


.boxCommenti .mid .Opzioni .Commenti {
    display: block;
    float: left;
    text-align: left;
    width: auto;
    height: 19px;
    font-size: 11px;
    font-weight: bold;
    color: #d7d7d7;
    padding: 3px 0px 0px 0px;
    margin: 0px 12px 0px 0px;
}


.boxCommenti .mid .Opzioni .Commenti em {
    display: block;
    float: right;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #d7d7d7;
}


.boxCommenti .mid .Opzioni .Commenti strong {
    display: block;
    float: left;
    text-align: left;
    width: auto;
    height: 22px;
    font-size: 11px;
    font-weight: normal;
    color: #d7d7d7;
    padding: 0px 0px 0px 5px;
    margin: -1px 12px 0px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_commenti.png) no-repeat;
}

.boxCommenti .mid .Opzioni .Commenti strong span {
    display: block;
    float: left;
    width: auto;
    height: 21px;
    font-weight: bold;
    padding: 1px 5px 0px 0px;
    margin: 0px -5px 0px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 100% 0px no-repeat;
}


.boxCommenti .mid .Opzioni .Commenti:hover {
    color: #fff;
}

.boxCommenti .mid .Opzioni .Commenti:hover strong {
    color: #fff;
    background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 0px -22px no-repeat;
}

.boxCommenti .mid .Opzioni .Commenti:hover strong span {
    background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 100% -22px no-repeat;
}

.boxCommenti .mid .page .fb-comments {
    float: left;
    width: 100%;
    height: 100%;
}

.boxCommenti .mid .page .fb-comments>span {
    float: left;
    width: 100%;
    height: 100%;
}


/* form */

.boxCommenti .mid h3.error {
    float: none;
    text-align: center;
    color: #eee;
}

.boxCommenti .mid .Form {
    display: block;
    float: left;
    position: relative;
    width: 608px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.boxCommenti .mid .Form .Nick {
    display: block;
    float: left;
    width: 608px;
    height: 24px;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 10px 0px;
    background: url(/dl/RaiTV/2012/images/ico_form.png) 1px 3px no-repeat;
}

.boxCommenti .mid .Form .Nick input {
    display: block;
    float: left;
    width: 280px;
    height: 24px;
    color: #c6c6c6;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    font-family: Arial;
    padding: 0px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    border-radius: 4px;
    background: #4b4b4b;
}

.boxCommenti .mid .Form .Pass {
    display: block;
    float: left;
    width: 608px;
    height: 24px;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 10px 0px;
    /* background: url(/dl/RaiTV/2012/images/ico_form.png) 1px 3px no-repeat; */
}




.boxCommenti .mid .Form .Pass input {
    display: block;
    float: left;
    width: 280px;
    height: 24px;
    color: #c6c6c6;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    font-family: Arial;
    padding: 0px 8px 0px 8px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    border-radius: 4px;
    background: #4b4b4b;
}

.boxCommenti .mid .Form .Comm {
    display: block;
    float: left;
    width: 608px;
    height: auto;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 10px 0px;
    background: url(/dl/RaiTV/2012/images/ico_form.png) 1px -47px no-repeat;
}

.boxCommenti .mid .Form .Comm textarea {
    display: block;
    float: left;
    width: 606px !important;
    height: auto;
    color: #c6c6c6;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    font-family: Arial;
    padding: 4px 8px 4px 8px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    border-radius: 4px;
    background: #4b4b4b;
}


.boxCommenti .mid .Form .Submit {
    display: block;
    float: left;
    width: 608px;
    height: 24px;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 10px 0px;
}

.boxCommenti .mid .Form .Submit button {
    display: block;
    float: left;
    width: auto;
    height: 24px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial;
    padding: 0px 14px 0px 14px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    border-radius: 4px;
    background: #3e80c8;
    cursor: pointer;
}

.boxCommenti .mid .Form .Submit button:hover {
    color: #3e80c8;
    background: #fff;
}

.boxCommenti .mid .Form .feedback {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background: #000 none center top no-repeat scroll;
    opacity: 0.8;
}

.boxCommenti .mid .Form .feedback.loading {
    background: #000 url(/dl/RaiTV/2012/images/loading.gif) center top no-repeat scroll;
}

.boxCommenti .mid .listaCommenti {
    display: block;
    float: left;
    width: 608px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.boxCommenti .mid .listaCommenti li {
    display: block;
    float: left;
    width: 608px;
    height: auto;
    font-size: 11px;
    color: #d7d7d7;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
}

.boxCommenti .mid .listaCommenti li strong {
    color: #4da5fc;
}

.boxCommenti .mid .listaCommenti li span {
    color: #fff;
}

.boxCommenti .mid .listaCommenti li p {
    margin: 5px 0px 0px 0px;
}


a.btnAllComm {
    display: block;
    float: left;
    width: 608px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    color: #bbb;
    border-top: 1px solid #666;
    background: #333;
}

a.btnAllComm span {
    padding: 0px 14px 0px 0px;
    background: url(/dl/RaiTV/2012/images/arrow_dwn_light.png) 100% 4px no-repeat;
}

a.btnAllComm:hover {
    color: #fff;
    border-top: 1px solid #999;
    background: #555;
}

a.btnAllComm.loading {
    height: 16px;
    background: url(/dl/RaiTV/2012/images/loading-16.gif) center top no-repeat scroll;
}

a.btnAllComm.loading span {
    display: none;
}


/*** blog spalla ***/

}

#blogSpalla {
    float: left;
}

#blogSpalla .rss-box {
    display: block;
    float: left;
    margin: -10px 0;
    text-align: left;
    width: 270px;
}

#blogSpalla .rss-box ul {
    display: block;
    float: left;
    overflow: hidden;
    text-align: left;
    width: 270px;
}

#blogSpalla .rss-box li {
    border-top: 1px solid #DDDDDD;
    color: #444444;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: -1px 0 0;
    padding: 10px 0 9px;
    text-align: left;
    width: 270px;
}

.pod-play-box {
    display: block;
    float: left;
    margin: 5px 0 0;
    width: 70px;
}

.pod-play-box img {
    display: block;
    float: left;
    height: 60px;
    width: 60px;
}

#blogSpalla .rss-box li a {
    color: #9B0E04;
    font-size: 12px;
    font-weight: bold;
}

#blogSpalla .rss-box li a:hover {
    color: #888888;
}




/* tris foto blog */


.trisFoto {
    display: block;
    float: left;
    position: relative;
    width: 634px;
    height: 160px;
    margin: 3px 0px 0px 0px;
}

.trisFoto li {
    display: block;
    float: left;
    text-align: center;
    width: 60px;
    height: 160px;
    overflow: hidden;
    border-right: 2px solid #fff;
}

.trisFoto li a {
    display: block;
    float: left;
    position: relative;
    width: 276px;
    height: 160px;
    margin: 0px 0px 0px -108px;
}

.trisFoto li a img {
    display: block;
    position: absolute;
    top: -10px;
    left: 0px;
    z-index: 1;
    width: 266px;
    height: 180px;
    height: auto;
}

.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;
}

.trisFoto li a .Canale span {
    display: block;
    float: left;
    width: 200px;
    height: 24px;
    overflow: hidden;
    text-indent: -9000px;
    padding: 0px 0px 0px 0px;
}

.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;
}

.trisFoto li:first-child a .mask {
    display: none;
}

.trisFoto li .txt {
    display: none;
    text-align: left;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 270px;
    height: 160px;
    overflow: hidden;
}

.trisFoto li .txt span {
    display: block;
    float: left;
    width: 270px;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

.trisFoto li .txt span em {
    display: block;
    float: left;
    font-weight: bold;
    font-style: normal;
    padding: 0px 7px 0px 0px;
    color: #888;
}

.trisFoto li .txt h3,
.trisFoto li .txt h3 a {
    display: block;
    float: left;
    width: 270px;
    height: auto;
    max-height: 47px;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #00b0dc;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

.trisFoto li .txt p {
    display: block;
    float: left;
    width: 270px;
    height: auto;
    max-height: 80px;
    overflow: hidden;
    font-size: 12px;
    color: #0a6187;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

.trisFoto li:hover,
.trisFoto li.selected {
    width: 226px;
    height: 160px;
}

.trisFoto li:hover a,
.trisFoto li.selected a {
    margin: 0px 0px 0px -25px;
}

.trisFoto li:hover a .mask,
.trisFoto li.selected a .mask {
    left: 20px;
    width: 226px;
}

.trisFoto li:hover a .Canale,
.trisFoto li.selected a .Canale {
    display: block;
}

.trisFoto li:hover .txt,
.trisFoto li.selected .txt {
    display: block;
}

.trisFoto li a .Canale,
.trisFoto li.selected a .Canale {
    width: 229px;
    display: none !important;
}

/* - */



.bloccoDx .boxGenerico .trisFoto {
    width: 270px;
    height: 275px;
    margin: 3px 0px 0px 0px;
}


.bloccoDx .boxGenerico .trisFoto li {
    display: block;
    float: left;
    text-align: center;
    width: 44px;
    height: 160px;
    overflow: hidden;
    border-right: 2px solid #fff;
}


.bloccoDx .boxGenerico .trisFoto li a .Canale,
.bloccoDx .boxGenerico .trisFoto li.selected a .Canale {
    display: none;
}

.bloccoDx .boxGenerico .trisFoto li .txt {
    display: none;
    text-align: left;
    position: absolute;
    top: 165px;
    left: 0px;
    width: 270px;
    height: 110px;
}

.bloccoDx .boxGenerico .trisFoto li.selected .txt {
    display: block;
}

.bloccoDx .boxGenerico .trisFoto li .txt span {
    display: block;
    float: left;
    width: 270px;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

.bloccoDx .boxGenerico .trisFoto li .txt h3,
.bloccoDx .boxGenerico .trisFoto li .txt h3 a {
    display: block;
    float: left;
    width: 270px;
    height: auto;
    max-height: 44px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 3px 0px;
}

.bloccoDx .boxGenerico .trisFoto li .txt p {
    display: block;
    float: left;
    width: 270px;
    height: auto;
    max-height: 45px;
    overflow: hidden;
    font-size: 12px;
    color: #888;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.bloccoDx .boxGenerico .trisFoto li:hover,
.bloccoDx .boxGenerico .trisFoto li.selected {
    width: 176px;
    height: 160px;
}

.bloccoDx .boxGenerico .trisFoto li:hover a,
.bloccoDx .boxGenerico .trisFoto li.selected a {
    margin: 0px 0px 0px -21px;
}

body.direttaEvento .mainPage {
    background: none repeat scroll 0 0 transparent;
}

.testaProgramma {
    background: url(/dl/Rai5/images/bkg_testaprog.gif) repeat-x scroll 0 0 transparent;
    display: block;
    float: left;
    height: 100px;
    margin: 0 0 10px 5px;
    padding: 0;
    width: 950px;
}

.testaProgramma img {
    background: none repeat scroll 0 0 #CCCCCC;
    display: block;
    float: left;
    height: 100px;
    margin: 0;
    padding: 0;
    width: 950px;
}

body.direttaEvento .bloccoDx {
    display: block;
    float: right;
    height: auto;
    padding: 0;
    text-align: center;
    width: 318px;
}

body.direttaEvento .bloccoSx {
    display: block;
    float: left;
    height: auto;
    margin: 0 0 0 5px;
    width: 620px;
}

body.direttaEvento .boxDiretta {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E4E4E4;
    border-radius: 8px 8px 8px 8px;
    display: block;
    float: left;
    height: auto;
    padding: 9px;
    text-align: left;
    width: 600px;
    margin: 0px 0px 20px 0px;
}

body.direttaEvento .boxDiretta .player {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    float: left;
    height: 384px;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
    width: 600px;
}

body.direttaEvento .boxDiretta .Info {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 430px;
}

body.direttaEvento .boxDiretta .Info h2 {
    color: #F76900;
    display: block;
    float: left;
    font-size: 14px;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
    width: 430px;
}

body.direttaEvento .boxDiretta .Info p {
    color: #555555;
    display: block;
    float: left;
    font-size: 11px;
    height: auto;
    line-height: 12px;
    padding: 0;
    width: 420px;
}

.boxDiretta .scroll-pane {
    display: block;
    float: left;
    height: 50px;
    padding: 0;
    width: 430px;
}

#paneDiretta {
    height: 50px;
}

.boxDiretta .scroll-pane .jScrollPaneTrack {
    background: url("/dl/Rai5/images/scroll_mini_panetrack.png") no-repeat scroll 0 0 transparent;
    height: 50px;
}

.boxDiretta .scroll-pane .jScrollPaneDragTop {
    background: url("/dl/Rai5/images/scroll_mini_dragtop.gif") no-repeat scroll 0 0 transparent;
    height: 6px;
}

.boxDiretta .scroll-pane .jScrollPaneDragBottom {
    background: url("/dl/Rai5/images/scroll_mini_dragbot.gif") no-repeat scroll 0 -2px transparent;
    height: 6px;
}

.boxDiretta .scroll-pane .jScrollPaneDrag {
    background: url("/dl/Rai5/images/scroll_mini_dragmid.gif") no-repeat scroll 0 bottom transparent;
    margin: 2px 0 0;
}

body.direttaEvento .boxDiretta .logoCanale {
    display: block;
    float: right;
    height: 42px;
    margin: 0 0 25px;
    padding: 0;
    text-align: left;
    width: 112px;
}

body.direttaEvento .boxDiretta .embedCode {
    background: url(/dl/Rai5/images/ico_embed.png) no-repeat scroll 0 0 transparent;
    color: #666666;
    display: none;
    float: right;
    height: 15px;
    margin: 0;
    padding: 1px 0 0 24px;
    text-align: left;
    width: auto;
}

body.direttaEvento .boxDiretta .embedCode:hover {
    color: #999999;
}

body.direttaEvento .socialNetworks {
    height: 35px;
    margin: 10px 0 0 10px;
    width: 620px;
}

body.direttaEvento .socialNetworks .share {
    width: 220px;
}

body.direttaEvento .socialNetworks .share .share_iframe {
    float: right;
}

body.direttaEvento .liveFacebook {
    display: block;
    float: left;
    height: auto;
    margin: 20px 0 0;
    padding: 10px;
    text-align: left;
    width: 600px;
}

body.direttaEvento .boxAbout {
    display: block;
    float: left;
    height: auto;
    margin: 0 0 10px 5px;
    overflow: hidden;
    text-align: left;
    width: 298px;
}

body.direttaEvento .boxAbout ul.tabs {
    display: block;
    float: left;
    height: 27px;
    margin: 0 0 -1px;
    width: 310px;
}

body.direttaEvento .boxAbout ul.tabs li {
    display: block;
    float: left;
    height: 27px;
    margin: 0 2px 10px 0;
    width: 148px;
}

body.direttaEvento .boxAbout ul.tabs li a {
    background: none repeat scroll 0 0 #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-radius: 8px 8px 0 0;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    color: #F5F5F5;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    padding: 6px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 146px;
}

body.direttaEvento .boxAbout ul.tabs li a:hover {
    color: #AAAAAA;
}

body.direttaEvento .boxAbout ul.tabs li.selected a {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #333333;
}

body.direttaEvento .boxAbout .Content {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 0 0 8px 8px;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 10px;
    width: 276px;
}

body.direttaEvento .boxAbout .Content h2 {
    color: #FF6801;
    display: block;
    float: left;
    font-size: 18px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 276px;
}

body.direttaEvento .boxAbout .Content .txt {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 276px;
}

body.direttaEvento .boxAbout .Content .txt p {
    color: #333333;
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 16px;
    margin: 0;
    padding: 0;
    width: 256px;
}

body.direttaEvento .boxAbout .Content .txt h3 {
    border-bottom: 1px solid #C6C6C6;
    color: #FF6801;
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    margin: 10px 0 5px;
    padding: 0 0 3px;
    text-transform: uppercase;
    width: 276px;
}

body.direttaEvento .about-bar {
    display: block;
    float: left;
    height: 110px;
    padding: 0;
    width: 276px;
}

#paneAbout1,
#paneAbout2 {
    height: 110px;
}

.about-bar .jScrollPaneTrack {
    background: url("/dl/Rai5/images/scroll_about_panetrack.png") no-repeat scroll 0 0 transparent;
    height: 280px;
}

.about-bar .jScrollPaneDragTop {
    background: url("/dl/Rai5/images/scroll_about_dragtop.gif") no-repeat scroll 0 0 transparent;
    height: 6px;
}

.about-bar .jScrollPaneDragBottom {
    background: url("/dl/Rai5/images/scroll_about_dragbot.gif") no-repeat scroll 0 0 transparent;
    height: 10px;
}

.about-bar .jScrollPaneDrag {
    background: url("/dl/Rai5/images/scroll_about_dragmid.gif") no-repeat scroll 0 bottom transparent;
    margin: 2px 0 0;
}

.about-bar .scroll-pane {}


/* box rss tris foto */
.boxTrisRss.boxLarge {
    display: block;
    position: relative;
    text-align: left;
    width: 608px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 5px;
    background: #eaeaea;
    color: #4b4b4b;
}

.boxTrisRss.boxLarge .top {
    display: block;
    float: left;
    text-align: left;
    width: 592px;
    height: 32px;
    padding: 0px 0px 0px 16px;
    margin: 0px 0px 6px 0px;
    background: #eaeaea url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
}

.boxTrisRss.boxLarge .top h3 {
    display: block;
    float: left;
    width: 592px;
    font-size: 24px;
    line-height: 17px;
    color: #4b4b4b;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
}

.boxTrisRss.boxLarge .top h3 a {
    color: #4b4b4b;
}

.boxTrisRss.boxLarge .top h3 a:hover {
    color: #999999;
}

.boxTrisRss.boxLarge .top h4 {
    display: block;
    float: left;
    width: 592px;
    font-size: 11px;
    color: #818181;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.boxTrisRss.boxLarge .top.small {
    display: block;
    float: left;
    width: 592px;
    height: 22px;
    padding: 0px 0px 0px 16px;
    margin: 0px 0px 6px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
}

.boxTrisRss.boxLarge .top.small h3 {
    display: block;
    float: left;
    width: 592px;
    font-size: 22px;
    line-height: 22px;
    color: #4b4b4b;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.boxTrisRss.boxLarge .mid {
    display: block;
    float: left;
    width: 608px;
    height: auto;
    padding: 8px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    overflow: hidden;
    border-top: 1px solid #c0c0c0;
}

.boxTrisRss.boxLarge.noTit .mid {
    display: block;
    float: left;
    width: 608px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
    overflow: hidden;
    border-top: 0px solid #c0c0c0;
}

.boxTrisRss .trisFoto {
    /* tris foto blog */

    display: block;
    float: left;
    position: relative;
    width: 608px;
    height: 160px;
    margin: 3px 0px 0px 0px;
}

.boxTrisRss .trisFoto li {
    display: block;
    float: left;
    text-align: center;
    width: 30px;
    height: 160px;
    overflow: hidden;
    border-right: 2px solid #fff;
}

.boxTrisRss .trisFoto li a {
    display: block;
    float: left;
    position: relative;
    width: 276px;
    width: 276px;
    height: 160px;
    margin: 0px 0px 0px -108px;
}

.boxTrisRss .trisFoto li a img {
    display: block;
    position: absolute;
    top: -10px;
    left: 0px;
    z-index: 1;
    width: 266px;
    width: 266px;
    height: 180px;
    height: auto;
}

.boxTrisRss .trisFoto li a .Canale {
    display: none;
    bottom: 0px;
    left: 25px;
    position: absolute;
    z-index: 1000;
    width: 221px;
    width: 221px;
    height: 25px;
    padding: 0px 0px 0px 5px;
    background: url(/dl/rai/images/alpha_black.png) repeat;
}

.boxTrisRss .trisFoto li a .Canale span {
    display: block;
    float: left;
    width: 200px;
    width: 200px;
    height: 24px;
    overflow: hidden;
    text-indent: -9000px;
    padding: 0px 0px 0px 0px;
}

.boxTrisRss .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;
}

.boxTrisRss .trisFoto li:first-child a .mask {
    display: none;
}

.boxTrisRss .trisFoto li .txt {
    display: none;
    text-align: left;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 300px;
    height: 160px;
    overflow: hidden;
}

.boxTrisRss .trisFoto li .txt span {
    display: block;
    float: left;
    width: 300px;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    color: #999999;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

.boxTrisRss .trisFoto li .txt span em {
    display: block;
    float: left;
    font-weight: bold;
    font-style: normal;
    padding: 0px 7px 0px 0px;
    color: #888888;
}

.boxTrisRss .trisFoto li .txt h3,
.boxTrisRss .trisFoto li .txt h3 a {
    display: block;
    float: left;
    width: 300px;
    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;
}

.boxTrisRss .trisFoto li .txt p {
    display: block;
    float: left;
    width: 300px;
    height: auto;
    max-height: 80px;
    overflow: hidden;
    font-size: 12px;
    color: #0a6187;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

.boxTrisRss .trisFoto li:hover,
.boxTrisRss .trisFoto li.selected {
    width: 226px;
    height: 160px;
}

.boxTrisRss .trisFoto li:hover a,
.boxTrisRss .trisFoto li.selected a {
    margin: 0px 0px 0px -25px;
}

.boxTrisRss .trisFoto li:hover a .mask,
.boxTrisRss .trisFoto li.selected a .mask {
    left: 20px;
    width: 226px;
}

.boxTrisRss .trisFoto li:hover a .Canale,
.boxTrisRss .trisFoto li.selected a .Canale {
    display: block;
}

.boxTrisRss .trisFoto li:hover .txt,
.boxTrisRss .trisFoto li.selected .txt {
    display: block;
}

.boxTrisRss .trisFoto li a .Canale,
.boxTrisRss .trisFoto li.selected a .Canale {
    width: 229px;
    display: none !important;
}

.boxTrisRss .miniLink {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #777;
}

.boxTrisRss .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;
}

.boxTrisRss .miniLink a:hover {
    color: #999;
}

.boxTrisRss .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);
}

.boxTrisRss .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;
}

.boxTrisRss .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;
}

.boxTrisRss .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;
}

.boxTrisRss .miniLink a.Info:hover .descr {
    display: block;
}

/* fine box rss tris foto */

/* customizzazione per Rai YoYo */
body.RaiYoYo .contFooter .Footer .top,
body.RaiYoYo .contFooter .Footer .mid .col,
body.RaiYoYo .box_TopHeader,
body.RaiYoYo .barraSipra {
    display: none;
}

/* fine customizzazione per Rai YoYo */


/*  NUOVO HEADER 
    06/08/2014
    EMANUELE    */

.intHeader.new .boxSearch {
    width: 150px;
    margin: 0;
    position: absolute;
    left: 831px;
    top: 79px;
}

.intHeader.new .boxSearch input {
    display: none;
    float: left;
    width: 112px;
    height: 19px;
    border: 0px;
    color: #666;
    font-size: 12px;
    padding: 0px 5px 2px 5px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.intHeader.new .boxSearch .lente {
    width: 33px;
    height: 21px;
    background: url(/dl/rai/images/btn-search.png) no-repeat;
    float: right;
    margin-left: -5px;
    cursor: pointer;
}

body.Rai1 .intHeader.new .boxSearch .lente {
    background-position: 0px -21px;
}

body.Rai1 .intHeader.new .boxSearch .lente:hover {
    background-position: 0px 0px;
}

body.Rai2 .intHeader.new .boxSearch .lente {
    background-position: 0px -63px;
}

body.Rai2 .intHeader.new .boxSearch .lente:hover {
    background-position: 0px -42px;
}

body.Rai3 .intHeader.new .boxSearch .lente {
    background-position: 0px -105px;
}

body.Rai3 .intHeader.new .boxSearch .lente:hover {
    background-position: 0px -84px;
}

body.Rai4 .intHeader.new .boxSearch .lente {
    background-position: 0px -147px;
}

body.Rai4 .intHeader.new .boxSearch .lente:hover {
    background-position: 0px -126px;
}

body.RaiPremium .intHeader.new .boxSearch .lente {
    background-position: 0px -189px;
}

body.RaiPremium .intHeader.new .boxSearch .lente:hover {
    background-position: 0px -168px;
}

body.Rai5 .intHeader.new .boxSearch .lente {
    background-position: 0px -231px;
}

body.Rai5 .intHeader.new .boxSearch .lente:hover {
    background-position: 0px -210px;
}

body.RaiMovie .intHeader.new .boxSearch .lente {
    background-position: 0px -273px;
}

body.RaiMovie .intHeader.new .boxSearch .lente:hover {
    background-position: 0px -252px;
}

.intHeader.new .miniSocial {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0!important;
    height: 100%;
}

/* .intHeader.new .miniSocial:hover{
    gap: 0;
}  */
/* .intHeader.new .miniSocial div {
    width: 40px;
    height: 40px;
} */

.intHeader.new .miniSocial a {
    display: block;
    float: right;
    text-align: left;
    width: 24px;
    height: 25px;
    overflow: hidden;
    text-indent: -9000px;
    margin: 0 16px;
    cursor: pointer;
    box-sizing: content-box;
}

.intHeader.new .miniSocial a.fb-link {
    /* margin-left: 0; */
    background: url(/dl/rai/images/raiItalia-Facebook.png)  no-repeat;
} 

.intHeader.new .miniSocial a.twitter {
    /* margin: 0; */
    background: url(/dl/rai/images/raiItalia-X.png) no-repeat;
}

.intHeader.new .miniSocial a.instagram {
    /* margin-right: 0; */
    background: url(/dl/rai/images/raiItalia-Instagram.png) no-repeat;
}

body.Rai1 .intHeader.new .miniSocial a.fb-link {
    background-position: 10px 0px;
    border-right: 1px solid #0151a2;
}

body.Rai1 .intHeader.new .miniSocial a.twitter {
    background-position: 10px -75px;
}

body.Rai2 .intHeader.new .miniSocial a.fb-link {
    background-position: 10px -150px;
    border-right: 1px solid #b2040b;
}

body.Rai2 .intHeader.new .miniSocial a.twitter {
    background-position: 10px -225px;
}

body.Rai3 .intHeader.new .miniSocial a.fb-link {
    background-position: 10px -300px;
    border-right: 1px solid #037200;
}

body.Rai3 .intHeader.new .miniSocial a.twitter {
    background-position: 10px -375px;
}

body.Rai4 .intHeader.new .miniSocial a.fb-link {
    background-position: 10px -450px;
    border-right: 1px solid #9d00ba;
}

body.Rai4 .intHeader.new .miniSocial a.twitter {
    background-position: 10px -525px;
}

body.RaiPremium .intHeader.new .miniSocial a.fb-link {
    background-position: 10px -600px;
    border-right: 1px solid #00614d;
}

body.RaiPremium .intHeader.new .miniSocial a.twitter {
    background-position: 10px -675px;
}

body.Rai5 .intHeader.new .miniSocial a.fb-link {
    background-position: 10px -750px;
    border-right: 1px solid #df6a24;
}

body.Rai5 .intHeader.new .miniSocial a.twitter {
    background-position: 10px -825px;
}

body.RaiMovie .intHeader.new .miniSocial a.fb-link {
    background-position: 10px -900px;
    border-right: 1px solid #8a120a;
}

body.RaiMovie .intHeader.new .miniSocial a.twitter {
    background-position: 10px -975px;
}

.intHeader.new .miniSocial a.fb-link:hover {
    background: url(/dl/rai/images/raiItalia-Facebook.png) rgba(24, 62, 122, 0.4) no-repeat;
}

.intHeader.new .miniSocial a.twitter:hover {
    background: url(/dl/rai/images/raiItalia-X.png) rgba(24, 62, 122, 0.4) no-repeat;
}

.intHeader.new .miniSocial a.instagram:hover {
    background: url(/dl/rai/images/raiItalia-Instagram.png) rgba(24, 62, 122, 0.4) no-repeat;
}

.intHeader.new .miniSocial a:hover{
    background-position: center!important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    /* padding: 8px; */
    margin: 0 !important;
    background: rgba(24, 62, 122, 0.4) no-repeat;
}

.intHeader.new .canali {
    float: left;
    /*margin: 20px 0px 0px 150px;*/
    font-family: "Open Sans";
    color: #fff;
    text-align: left;
    font-size: 13px;
}

/*  FINE NUOVO HEADER 
    06/08/2014
    EMANUELE    */

/* pagina programmi nuova */
ul.elencoRicercaProgrammi li img {
    display: none;
}

.boxRss {
    display: none;
    margin: 10px 0px;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.boxRss .boxRssTitle {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.boxRss .boxRssTitle a {
    color: #000;
}

.boxRss .boxRssTitle a:hover {
    text-decoration: underline;
}

.boxRss .boxRssText ul li {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
}

.boxRss .boxRssText ul li a {
    color: #0084b4;
}

.boxRss .boxRssText ul li .pubDate {
    color: #707070;
    padding-bottom: 5px;
}

/*  slide sul body  */
.boxWideScroll {
    display: block;
    float: left;
    width: 580px;
    height: 200px;
    padding: 5px 25px 0px 25px;
    margin: 0px 0px 10px 0px;
    background: url(/dl/portali/site/custom/images/bkg_widescroll.png) no-repeat;
}

.boxWideScroll h2 {
    display: block;
    float: left;
    text-align: left;
    width: 310px;
    height: 24px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 10px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
}

.boxWideScroll .holder {
    display: block;
    float: left;
    height: 130px;
    margin: 0px;
}

.Hscroll-pane {
    width: 580px;
    height: 130px;
    float: left;
    padding: 0px 0px 0px 0px;
}

#paneOriz {
    float: left;
    height: 130px;
    width: 580px;
    padding: 0;
    display: block;
    _overflow: hidden;
}

.boxWideScroll ul {
    display: block;
    float: left;
}

.boxWideScroll ul li {
    display: block;
    position: relative;
    float: left;
    text-align: left;
    width: 150px;
}

.boxWideScroll ul li a {
    display: block;
    float: left;
    width: 130px;
    height: 100px;
}

.boxWideScroll ul li a .txt {
    display: none;
}

.boxWideScroll .txt h3 {
    color: #FFFFFF;
}

.boxWideScroll ul li a:hover .txt {
    position: absolute;
    display: block;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 110px;
    height: 90px;
    overflow: hidden;
    padding: 5px 10px 5px 10px;
    background: #aaa;
    filter: alpha(opacity=80);
    opacity: 0.8;
    color: #000;
}

.boxWideScroll ul li a:hover .txt h3 {
    color: #fff;
    font-size: 11px;
}

.boxWideScroll .oriz-bar .jScrollPaneTrack {
    margin: 0px 0px 0px 0px;
    width: 580px;
    left: 0;
    bottom: 0;
    background: url(/dl/PortaliRai/images/oriz_panetrack.png) 0px 0px no-repeat !important;
}

.boxWideScroll .oriz-bar .jScrollPaneDrag {
    margin: 0px 0px 0px 2px;
    background: url(/dl/PortaliRai/images/oriz_dragmid.gif) bottom right no-repeat;
}

.boxWideScroll .oriz-bar .jScrollPaneDragLeft {
    width: 6px;
    margin: 0px 0px 0px 0px;
    background: url(/dl/PortaliRai/images/oriz_dragleft.gif) 0px 0px no-repeat;
}

.boxWideScroll .oriz-bar .jScrollPaneDragRight {
    width: 10px;
    background: url(/dl/PortaliRai/images/oriz_dragright.gif) 0px 0px no-repeat;
}

/**MODIFICHE TICKET PORTALIRAI-24**/
.Header+.clearfix .paginaGenerica .Tendine.TendineHidden {
    display: none;
}

.programmi.RaiYoYo .Header+.clearfix .paginaGenerica .Tendine.TendineHidden {
    display: block;
}

ul.elencoRicercaProgrammi .boxProgramma.ProgrammiRai {
    margin-right: 8px;
}

ul.elencoRicercaProgrammi .boxProgramma.ProgrammiRai .info .blogLink {
    background-color: #135ba4;
    padding: 6px 11px;
    position: absolute;
    left: 5px;
    bottom: 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
}

ul.elencoRicercaProgrammi .boxProgramma.ProgrammiRai .info .videoLink {
    padding: 6px 11px !important;
    border: none !important;
    right: 5px !important;
}


ul.elencoRicercaProgrammi .boxProgramma.ProgrammiRai .info .blogLink:hover {
    color: #135ba4;
    background-color: #fff;
}

ul.elencoRicercaProgrammi li.boxProgramma.ProgrammiRai:hover {
    background: #F1F1F1 !important;
}

ul.elencoRicercaProgrammi li.boxProgramma.ProgrammiRai {
    margin-right: 8px !important;
    padding: 0 !important;
    height: 100% !important;
}

ul.elencoRicercaProgrammi li.boxProgramma.ProgrammiRai a.videoLink {
    height: 12px !important;
}

ul.elencoRicercaProgrammi li.boxProgramma.ProgrammiRai a.blogLink {
    height: 12px !important;
}

.titolo {
    color: #135ba4 !important;
}

.Rai1 .titolo {
    color: #135ba4 !important;
}

.Rai2 .titolo {
    color: #d9161d !important;
}

.Rai3 .titolo {
    color: #028200 !important;
}

.Rai4 .titolo {
    color: #aa11c6 !important;
}

.Rai5 .titolo {
    color: #f87120 !important;
}

.RaiMovie .titolo {
    color: #920d04 !important;
}

.RaiPremium .titolo {
    color: #076a57 !important;
}

.RaiYoYo .titolo {
    color: #24bf5e !important;
}

.RaiItalia-OnDemand .titolo {
    color: #135ba4 !important;
}

.blogLink.Rai1,
.videoLink.Rai1 {
    background: #135ba4 !important;
}

.blogLink.Rai2,
.videoLink.Rai2 {
    background: #d9161d !important;
}

.blogLink.Rai3,
.videoLink.Rai3 {
    background: #028200 !important;
}

.blogLink.Rai4,
.videoLink.Rai4 {
    background: #aa11c6 !important;
}

.blogLink.Rai5,
.videoLink.Rai5 {
    background: #f87120 !important;
}

.blogLink.RaiMovie,
.videoLink.RaiMovie {
    background: #920d04 !important;
}

.blogLink.RaiPremium,
.videoLink.RaiPremium {
    background: #076a57 !important;
}

.blogLink.RaiYoYo,
.videoLink.RaiYoYo {
    background: #24bf5e !important;
}

.blogLink.RaiItalia-OnDemand,
.videoLink.RaiItalia-OnDemand {
    color: #135ba4 !important;
}


.blogLink.Rai1:hover,
.videoLink.Rai1:hover {
    color: #135ba4 !important;
    background-color: #fff !important;
}

.blogLink.Rai2:hover,
.videoLink.Rai2:hover {
    color: #d9161d !important;
    background-color: #fff !important;
}

.blogLink.Rai3:hover,
.videoLink.Rai3:hover {
    color: #028200 !important;
    background-color: #fff !important;
}

.blogLink.Rai4:hover,
.videoLink.Rai4:hover {
    color: #aa11c6 !important;
    background-color: #fff !important;
}

.blogLink.Rai5:hover,
.videoLink.Rai5:hover {
    color: #f87120 !important;
    background-color: #fff !important;
}

.blogLink.RaiMovie,
.videoLink.RaiMovie:hover {
    color: #920d04 !important;
    background-color: #fff !important;
}

.blogLink.RaiPremium:hover,
.videoLink.RaiPremium:hover {
    color: #076a57 !important;
    background-color: #fff !important;
}

.blogLink.RaiYoYo:hover,
.videoLink.RaiYoYo:hover {
    color: #24bf5e !important;
    background-color: #fff !important;
}

.blogLink.RaiItalia-OnDemand:hover,
.videoLink.RaiItalia-OnDemand:hover {
    color: #135ba4 !important;
    background-color: #fff !important;
}


.boxProgramma.ProgrammiRai>img {
    display: block;
}

#elencoProgrammi ul li a h4.titolo,
#elencoAttori ul li a h4.titolo {
    font-weight: bold;
    font-size: 11px;
    color: #707070 !important;
}

#elencoProgrammi ul li a p {
    display: none;
}

#elencoProgrammi ul li.programArchivio {
    display: none;
}

#elencoProgrammi ul li.programInonda {
    display: block;
}

.boxProgrammi a.linkGenerico {
    display: none;
}

div#buttonInOnda {
    width: 50%;
    float: left;
    cursor: pointer;
}

div#buttonArchivio {
    width: 50%;
    float: right;
    cursor: pointer;
}

.TabElencoProgrammi {
    height: 26px;
    margin-top: -8px;
}

.programActive {
    border-bottom: 3px solid #919291;
}

.Rai1 .programActive {
    border-color: #135ba4 !important;
}

.Rai2 .programActive {
    border-color: #d9161d !important;
}

.Rai3 .programActive {
    border-color: #028200 !important;
}

.Rai4 .programActive {
    border-color: #aa11c6 !important;
}

.Rai5 .programActive {
    border-color: #f87120 !important;
}

.RaiMovie .programActive {
    border-color: #920d04 !important;
}

.RaiPremium .programActive {
    border-color: #076a57 !important;
}

.RaiYoYo .programActive {
    border-color: #24bf5e !important;
}

.RaiItalia-OnDemand .programActive {
    border-color: #135ba4 !important;
}