@charset "utf-8";
/* CSS Document */
body{
	background-color: #0C1832;
}
.wrapper {
	width: 982px;
	margin: auto;
}
.amarelo {
	color: #FC0;
	font-weight: bold;
}
.caps{
	text-transform: uppercase;
}
.clear {
	clear: both;
	display: block;
}
.wrapper .corpoPagina {
	background-color: #2F416C;
	width: 950px;
	padding: 16px;
}
.corpoPagina .colEsquerda {
	width: 634px;
	float: left;
}

.corpoPagina .colEsquerda .tituloProg {
	background-color: #6983BE;
	font-size:150%;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	height: 23px;
	margin-bottom: 1px;
	padding-left: 8px;
}
.corpoPagina .colEsquerda .corpoProg  {
	padding: 8px;
	background-color: #3C538A;
	width: 618px;
}
.corpoPagina .colEsquerda .corpoProg a {color:#FC0}
.corpoEpi a {color:#FC0}
.corpoPagina .colEsquerda .corpoProg a:hover {text-decoration:underline;}
.corpoPagina .colEsquerda .areaAudio , .corpoPagina .colEsquerda .areaEpi{
	margin-top: 16px;
	background-color: #3C538A;
}
.corpoPagina .colEsquerda .areaAudio .barraTitAudio , .corpoPagina .colEsquerda .areaEpi .barraTitEpi{
	color: #FFF;
	padding-left: 8px;
	background-color: #6983BE;
	padding-bottom: 4px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2F416C;
}
.corpoPagina .colEsquerda .areaAudio .barraTitAudio .TitEsq, .corpoPagina .colEsquerda .areaEpi .barraTitEpi .TitEsq {
	
	font-size:116.7%;
	color: #FFF;
	font-weight: bold;
	width: 250px;
	float: left;
}
.corpoPagina .colEsquerda .areaAudio .barraTitAudio .TitDir, .corpoPagina .colEsquerda .areaEpi .barraTitEpi .TitDir{
	
	color: #FFF;
	font-size:91.7%;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
}
.colEsquerda .areaAudio .corpoAudio .playerAudio .textoAudio {
	
	color: #FFF;
	padding-bottom:5px;
}
.corpoPagina .colEsquerda .areaEpi .corpoEpi {
	
	font-size:91.7%;
	color: #FFF;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}



.corpoPagina .colEsquerda .areaAudio .corpoAudio {
	background-color: #3C538A;
	background-image: url(http://img.rtp.pt/programas-rtp/img/btMaisProgs.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;

	*height: 110px;
}
.corpoPagina .colEsquerda .areaAudio .corpoAudio .playerAudio {
	float: left;
	width: 414px;
	padding-left: 54px;
	padding-bottom:12px;
}

.corpoPagina .colEsquerda .areaAudio .corpoAudio .imgAudio {position:relative;}
.corpoPagina .colEsquerda .areaAudio .corpoAudio .imgAudio  .btMaisProgsAudio{
	width: 150px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 421px;
	top: 67px;
}

.corpoPagina .colEsquerda .corpoProg .fotoProg {
	height: 120px;
	width: 160px;
	float: left;
	margin-right: 8px;
}


.corpoPagina .colEsquerda .corpoProg .descProg {
	color: #FFF;
	font-size:108.3%;
	font-weight: bold;
	float: left;
	padding-bottom: 8px;
	width: 450px;
}
.more-block { height:auto!important}
.continued { display:none;}
.corpoPagina .colEsquerda .corpoProg .maisInfoProg{
	color: #FFF;
	float: left;
	width: 450px;
	padding-bottom: 8px;
}
.corpoPagina .colEsquerda .corpoProg .btMais a {
	color: #FC0;
	
	font-size:91.7%;
	font-weight: bold;
	text-decoration: none;
}
.corpoPagina .colEsquerda .corpoProg .btMais a:hover {
	text-decoration: underline;
}
.corpoPagina .colEsquerda .corpoProg .botoesTopo {
	
	
	font-weight: bold;
	color: #FFF;
	padding-top: 8px;
	width: 100%;
	padding-left: 110px;
	float: left;
}

.corpoPagina .colEsquerda .corpoProg .botoesTopo .btSite {
	padding-left: 20px;
	width: 40px;
	float: left;
	background-image: url(http://img.rtp.pt/programas-rtp/img/btSite.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}
.corpoPagina .colEsquerda .corpoProg .botoesTopo .btSite a, .corpoPagina .colEsquerda .corpoProg .botoesTopo .btEnviar a,.corpoPagina .colEsquerda .corpoProg .botoesTopo .btMultim a, .corpoPagina .colEsquerda .corpoProg .botoesTopo .btSocial a, .corpoPagina .colEsquerda .corpoProg .botoesTopo .btPart a, .corpoPagina .colEsquerda .corpoProg .botoesTopo .btLik a {	text-decoration: none;color: #FFF;}
.corpoPagina .colEsquerda .corpoProg .botoesTopo .btSite a:hover, .corpoPagina .colEsquerda .corpoProg .botoesTopo .btEnviar a:hover,.corpoPagina .colEsquerda .corpoProg .botoesTopo .btMultim a:hover, .corpoPagina .colEsquerda .corpoProg .botoesTopo .btSocial a:hover, .corpoPagina .colEsquerda .corpoProg .botoesTopo .btPart a:hover, .corpoPagina .colEsquerda .corpoProg .botoesTopo .btLik a:hover{text-decoration: underline;}

.corpoPagina .colEsquerda .corpoProg .botoesTopo .btEnviar {
	background-image: url(http://img.rtp.pt/programas-rtp/img/btEnviar.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 2px;
	width:55px;
	float: left;
}
.corpoPagina .colEsquerda .corpoProg .botoesTopo .btMultim {
	float: left;
	padding-left: 20px;
	width: 85px;
	background-image: url(http://img.rtp.pt/programas-rtp/img/btMultim.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.corpoPagina .colEsquerda .corpoProg .botoesTopo .btSocial {
    float: left;
    padding-left: 20px;
    width: 55px;
    background-image: url(http://img.rtp.pt/programas-rtp/img/btSocial.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo .playerVideo #player, .corpoPagina .colEsquerda .areaVideo .corpoVideo .playerVideo #player a, #player_audio, #player_audio a {
	color: #FFF;
	
	font-size:91.7%;
	text-decoration:none;
}

.corpoPagina .colEsquerda .corpoProg .botoesTopo .btLik {
	float: left;
	padding-left: 20px;
	width: 70px;
}
.corpoPagina .colEsquerda .corpoProg .botoesTopo .btPart {
	float: left;
	width: 70px;
	padding-left: 20px;
	background-image: url(http://img.rtp.pt/programas-rtp/img/btPartilha.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}

.corpoPagina .colEsquerda .areaAudio .MaisProgsAudio {
	background-color: #0C1832;
	display: none;
}
.corpoPagina .colEsquerda .areaAudio .MaisProgsAudio .goMM{
	
	
	width: 604px;
	padding-right: 2px;
	padding-left: 28px;
	text-align: center;
	clear: both;
	padding-bottom: 4px;
	background-color: #3C538A;
	padding-top: 4px;
}
.corpoPagina .colEsquerda .areaAudio .MaisProgsAudio .goMM a{
	color:#FFF;
	}
.corpoPagina .colEsquerda .areaAudio .MaisProgsAudio .goMM a:hover{
	text-decoration:underline}
.corpoPagina .colEsquerda .areaAudio .MaisProgsAudio ul{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	
	font-weight:bold;
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 8px;
}
.corpoPagina .colEsquerda .areaAudio .MaisProgsAudio ul li{
	background-image:url(http://img.rtp.pt/programas-rtp/img/phones.gif);
	background-repeat:no-repeat;
	display: inline;
	padding: 5px;
}
.corpoPagina .colEsquerda .areaAudio .MaisProgsAudio ul li a{
	text-decoration: none;
	color: #FFF;
	padding-right: 16px;
	padding-left: 25px;
}
.corpoPagina .colEsquerda .areaVideo {
	margin-top: 16px;
	background-color: #3C538A;
}
.corpoPagina .colEsquerda .areaVideo .barraTitVideo {
	color: #FFF;
	padding-left: 8px;
	background-color: #6983BE;
	padding-bottom: 4px;
	margin-bottom: 1px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2F416C;
}
.corpoPagina .colEsquerda .areaVideo .barraTitVideo .TitEsq {
	
	font-size:116.7%;
	color: #FFF;
	font-weight: bold;
	width: 250px;
	float: left;
}
.corpoPagina .colEsquerda .areaVideo .barraTitVideo .TitDir {
	
	color: #FFF;
	font-size:91.7%;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo  {
	padding-top: 8px;
	background-image: url(http://img.rtp.pt/programas-rtp/img/btMaisProgs.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo_semBotaoMaisProgramas  {
	padding-top: 8px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo .partesVideo, .corpoPagina .colEsquerda .areaVideo .corpoVideo_semBotaoMaisProgramas .partesVideo{
	
	
	text-transform: uppercase;
	color: #FFF;
	float: left;
	width: 70px;
	margin-left: 5px;
	display: block;
	height: 409px;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo .partesVideo ul{
	margin: 0px;
	padding: 0px;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo .partesVideo ul li {
	background-color: #6983BE;
	text-align: center;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo .partesVideo ul li .parteActiva{
	color: #FFF;
	background-color: #B4C0DE;
	height: 25px;
	width: 70px;
	display: block;
	padding-top: 10px;
	font-weight:bold;
	}
	
.corpoPagina .colEsquerda .areaVideo .corpoVideo .partesVideo ul li a{
	text-decoration: none;
	color: #FFF;
	background-color: #6983BE;
	height: 25px;
	width: 70px;
	display: block;
	padding-top: 10px;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo .partesVideo ul li a:hover{
	background-color: #B4C0DE;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo .playerVideo {
	background-color: #B4C0DE;
	width: 506px;
	height: 409px;
	margin-bottom: 8px;
	float: left;
	padding: 2px;
}
.corpoPagina .colEsquerda .areaVideo .corpoVideo .btMaisProgsVideo {
	height: 20px;
	width: 165px;
	margin-left: 455px;
	cursor: pointer;
}
.corpoPagina .colEsquerda .areaVideo .MaisProgsVideo {
	background-color: #0C1832;
	height: 110px;
	width: 632px;
	display: none;
	padding-top: 15px;
	padding-right: 2px;
}
.corpoPagina .colEsquerda .areaVideo .MaisProgsVideo .setaNavEsq {
	width: 22px;
	float: left;
	height: 110px;
	background-image: url(http://img.rtp.pt/programas-rtp/img/setaEsq.gif);
	background-repeat: no-repeat;
	background-position: 4px 36px;
}
.corpoPagina .colEsquerda .areaVideo .MaisProgsVideo .setaNavDir{
	width: 20px;
	float: left;
	height: 110px;
	background-image: url(http://img.rtp.pt/programas-rtp/img/setaDir.gif);
	background-repeat: no-repeat;
	background-position: 0px 36px;
	margin-left: 7px;
	}
.corpoPagina .colEsquerda .areaVideo .MaisProgsVideo ul {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}
.corpoPagina .colEsquerda .areaVideo .MaisProgsVideo ul li {
	padding-left: 12px;
	float: left;
	padding-top: 5px;
	width: 105px;
}
.corpoPagina .colEsquerda .areaVideo .MaisProgsVideo ul li a {
	text-decoration: none;
	color: #FFF;
}
.corpoPagina .colDireita {
	width: 300px;
	margin-left: 16px;
	float: left;
	background-color: #3C538A;
}
.corpoPagina .colDireita .mREC {
	height: 250px;
	width: 300px;
}

.corpoPagina .colDireita .titDetalhes {
	
	font-size:116.7%;
	color: #FFF;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6983BE;
	font-weight: bold;
}

.corpoPagina .colDireita .detalhes {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
	
}
.corpoPagina .colDireita .detalhes .subscPod  {
	
	
	color: #FFF;
	width: 230px;
	height: 40px;
	padding-top: 8px;
	font-weight: bold;
	background-image: url(http://img.rtp.pt/programas-rtp/img/iconPodcast.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
}
.corpoPagina .colDireita .detalhes .subscPod a { color:#FFF;}
.corpoPagina .colDireita .detalhes .subscPod a:hover { text-decoration:underline;}
.corpoPagina .colDireita .detalhes .cxExib {
	
	font-size:91.7%;
	color: #0C1832;
	padding: 2px;
	display: block;
}
.corpoPagina .colDireita .detalhes .cxExib .linhaProxExib {
	padding-bottom: 3px;
	height: 14px;
	background-color: #9EA9C5;
	margin-bottom: 1px;
	padding-left: 4px;
	padding-top: 2px;
}
.corpoPagina .colDireita .detalhes .cxExib .linhaProxExib .emissao {
	float: left;
	width: 110px;
}
.corpoPagina .colDireita .detalhes .cxExib .linhaProxExib .data {
	float: left;
	width: 120px;
}
.corpoPagina .colDireita .detalhes .cxExib .linhaProxExib .emiOnline {
	float: left;
	width: 20px;
	padding-left:7px;
	}
.corpoPagina .colDireita .detalhes .titExib {
	
	
	color: #FFF;
	font-weight: bold;
	padding-top: 12px;
}
.corpoPagina .colDireita .ContDetalhes {
	
	font-size:91.7%;
	color: #FFF;
	padding-top: 4px;
	padding-bottom: 16px;
}
.corpoPagina .colDireita .ContDetalhes a{color:#FFF;}
.corpoPagina .colDireita .ContDetalhes a:hover{text-decoration:underline;}
.corpoConteudos {	padding-top: 16px;}
.corpoConteudos .destArea {	margin-bottom: 16px;}
.corpoConteudos .destArea .titDestArea {
	background-color: #3C538A;
	font-size:133.3%;
	color: #FFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
}

.corpoConteudos .destArea .contDestArea {
	border: 1px solid #3C538A;
	height: 115px;
	color: #FFF;
	font-size: 10px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 24px;
}
.corpoConteudos .destArea .contDestArea ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.corpoConteudos .destArea .contDestArea ul li {
	float: left;
	width: 120px;
	padding-right:15px;
}
.corpoConteudos .destArea .contDestArea ul li a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
.corpoConteudos .destAreaOn {
	margin-bottom: 16px;
	display: none;
}
.corpoConteudos .destAreaOn .titDestArea {
	background-color: #6983BE;
	font-size:133.3%;
	color: #FFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
}
.corpoConteudos .destAreaOn .contDestArea {
	height: 115px;
	color: #FFF;
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #2F416C;
	overflow: hidden;
	border: 1px solid #3C538A;
}



/************************************************* SCROLLABLE DIVS *************************************************************/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
	
	this makes it possible to add next button beside scrollable
*/
.scrollable {
	float:left;	
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 870px;
	height:120px;
	margin-left: 15px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable a {
	position:relative;
	float:left;
	margin:0px 20px 0px 0px;
	/*	background-color:#fff;
*/	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:120px;
	height:90px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
}

/* active item */
.scrollable .active {
	border:1px solid #000;
	z-index:9999;
	position:relative;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
/*	background:url(http://img.rtp.pt/programas-rtp/img/hori_large.gif) no-repeat;
*/	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.prevPage, a.nextPage{
	margin-top: 35px;
}

/* right */
a.right 				{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_next.gif) no-repeat; clear:right; margin-right: 0px;}
a.right:hover 		{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_next_hover.gif) no-repeat; }
a.right:active 	{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_next_active.gif) no-repeat; } 


/* left */
a.left				{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_prev.gif) no-repeat; margin-left:0px; } 
a.left:hover  		{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_prev_hover.gif) no-repeat; }
a.left:active  	{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_prev_active.gif) no-repeat; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

/************************************************* MAIS PROGS VIDEO *********************************************/

.scrollVideos {
	float:left;
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 560px;
	height:110px;
	margin-left: 3px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollVideos .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollVideos a {
	position:relative;
	float:left;
	margin:0px 6px 0px 0px;
	/*	background-color:#fff;
*/	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:76px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	
	font-size: 10px;
}

/* active item */
.scrollVideos .active {
	border:1px solid #000;
	z-index:9999;
	position:relative;
}

/* prev, next, prevPage and nextPage buttons */
.MaisProgsVideo a.browse {
/*	background:url(http://img.rtp.pt/programas-rtp/img/hori_large.gif) no-repeat;
*/	display:block;
	width:28px;
	height:28px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/*.MaisProgsVideo a.prevPage, .MaisProgsVideo a.nextPage{
	margin-top: 35px;	
}*/

/* right */
.MaisProgsVideo a.right 				{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_next_Video.gif) no-repeat; clear:right; margin-right: 0px;}
.MaisProgsVideo a.right:hover 		{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_next_hover_Video.gif) no-repeat; }
.MaisProgsVideo a.right:active 	{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_next_active_Video.gif) no-repeat; } 


/* left */
.MaisProgsVideo a.left				{
	background:url(http://img.rtp.pt/programas-rtp/img/scroll_prev_Video.gif) no-repeat;
	margin-left:8px;
} 
.MaisProgsVideo a.left:hover  		{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_prev_hover_Video.gif) no-repeat; }
.MaisProgsVideo a.left:active  	{ background:url(http://img.rtp.pt/programas-rtp/img/scroll_prev_active_Video.gif) no-repeat; }


/*************************************************************************************************************/
.ICNPlayer  {
border:0 none;
/*float:left;
*/height:35px;
margin-left:45px;
margin-top:30px;
position:absolute;
}