/* CSS Document */
@import url("//img0.rtp.pt/homepage/css/fonts.css");
@import url("//img0.rtp.pt/programa/css/fonts.css");
.HeaderTop { background-color:#202020; color:#fff; height:130px; position:relative; z-index:999; overflow:visible; margin-bottom:25px}
.HeaderTop .grid_12 { position:relative}
.HeaderTop a {}
.HeaderTop .Logotipo { float:left; height:37px; margin:20px 0px; font-size:300%; color:#fff; line-height:100%;}
.MenuSite { float:right; margin-top:50px}
.MenuSite li { display:inline; float:left;}
.HeaderTop li, .HeaderTop li a, .HeaderTop li a:visited { color:#999; font-weight:normal}
.MenuSite a:visited, .MenuSite a{ color:#999!important; cursor:pointer}
.MenuSite a:hover b { text-decoration:underline}
.MenuSite .img_rtp1_nr { width:0px; height:18px; display:inline-block; float:left; padding-right:18px}
.MenuSite .live .img_rtp1_nr { background-position:-2px -65px}
.MenuSite b { font-weight:normal; float:left; margin-left:5px; display:inline-block}

.TabsDestk li:hover a, .TabsDestk li.Selected:hover a, .TabsDestk li.Selected a { color:#fff;}

.HeaderTop .dropdown, .HeaderTop .dropdown li { border-radius:3px; behavior: url(js/ie-css3.htc); }
.HeaderTop .dropdown ul { border-radius:3px; }
.HeaderTop .dropdown {background-color:#0075CE;float:left; width:100%}
.HeaderTop .dropdown li {float:left; padding:3px 1px; margin-right:0px; width:auto;}
.HeaderTop .dropdown li:hover, .HeaderTop .dropdown li.selected { background-color:#fff;}
.HeaderTop .dropdown li.droptrue:hover {  border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.HeaderTop .dropdown li.selected a { color:#202020!important;}
.HeaderTop .dropdown li a { text-transform:uppercase;color:#fff;  padding:0px 8px;  }
.HeaderTop .dropdown li a:hover, .HeaderTop .dropdown li:hover a { text-decoration:none; color:#202020!important;}
.HeaderTop .dropdown ul {background-color:#fff;float:left; width:940px !important; display:block; top:98%; z-index:0075ce; }
.HeaderTop .dropdown ul li:hover {background-color:#202020;}
.HeaderTop .dropdown ul li a {color:#0075CE }
.HeaderTop .dropdown ul li:hover a {color:#fff!important}
.HeaderTop .dropdown ul li:hover ul { background-color:#202020; border:0px;}
.HeaderTop .dropdown ul ul li a, .HeaderTop .dropdown ul ul li:hover a  {color:#0075CE!important }


.MenuSite .img_guia_nr {width: 0px;height: 18px;display: inline-block;float: left;padding-right:18px; background-position:-2px -63px}
.SiteMap { padding:3px 6px; position:absolute; }
.SiteMap li{ display:inline;}
.SiteMap li a { font-size:108.3%}
.SiteMap .selected, .SiteMap .selected:visited { text-decoration:underline; color:#fff;}

.SectionName { font-weight:bold; border:0px}
.Programacao .Elemento { width:160px; margin-bottom:20px}
.inicio .Elemento { width:200px; margin-bottom:20px}
/*.inicio .grid_3 { width:215px!important;}
.inicio .grid_9 { width:675px!important;}*/

.Area .Paginacao, .listagem .Relacionados, .listagem .time { display:none;}
.listagem .Elemento { width:100%}
.listagem .Elemento img { float:left; margin-left:0px; margin-right:10px}
.simbolos .Elemento{ margin-right:45px; margin-bottom:40px; text-align:center;}
.simbolos .Elemento p, .simbolos .Elemento h3 { text-align:left}
.simbolos .Elemento img, .simbolos p.icon { margin-left:auto; margin-right:auto; border:0px}
.simbolos p.icon { text-align:center; padding:16px}

.linguagestual { background-color:#101010; background-image:url(../gestual/img/backHojeAcess.jpg); background-repeat:no-repeat; background-position: left top;}
.linguagestual .SectionName { color:#fff;}
.linguagestual .arealive { margin-bottom:80px}
.LiveContentData h2 { font-size:113%}
.agora { color:#fff;}
.agora i {background-color:#0075ce;}
.agora i, .next i { border-radius:3px; behavior: url(js/ie-css3.htc); position:relative; padding:10px 19px 8px 19px; display:inline-block; font-weight:bold}
.next i { background-color:#444; color:#dadada}
.agora, .next { margin-bottom:20px}
.next {border-left:1px solid #444; padding-left:20px;}
#wait {display:none}
#next {display:none}
.item { margin:10px 0px; float:left; clear:both; display:block; width:100%; color:#fff;}
.item img { float:left; margin-right:10px;}
iframe { width:100%}

.rtpplay .Mask { width:115%;}
.rtpplay .Elemento { margin-bottom:20px; width:45%}
.rtpplay IMG { margin-bottom:20px}

/* Mundo dos Sentidos */
.player {margin-bottom:60px;}
.episode-list {font-size:15px; margin-left:10px; margin-bottom:10px;}
.episode {overflow:hidden; width:198px; float:left; margin-left:10px; margin-right:10px; border:1px solid #e6e7e8; margin-bottom:20px; }
.episode h2{margin-bottom:0px; color:#444;}
.episode p{color:#888888;}
.episode-link {text-decoration:none; color:#444; font-weight:normal;}
.episode-link:hover {text-decoration:none;}
.episode-link:hover h2 {color:#0075ce; }
.episode-link:hover .play-button{background-color:#0075ce;}
.thumbnail-text {position:relative; padding-left:10px; height:45px;}
.play-button {position: absolute; width:30px; height:51px; background-color: black; right:0; bottom:0;}
.fa {color:#fff; margin:12px; margin-top: 17px}

.logos img{border: 0 !important; padding-right:30px; margin-bottom: 50px;}
.playerBox{float: left; width: 200px; border:1px solid #e0e0e0; padding: 20px;}
.playerBox img{border: 0; display: block; display: block; margin: auto; margin-bottom: 20px; }
.playerBox h1{color:#444;}
.playerBox a:hover .title {color:#0075ce;}