@import url('/css/tipografias.css');
@import url('/css/rtve.commons/rtve.basics/00_reset_2014.css');

/*lo que no queremos ver*/
h2,.tipo,.chapeaux,.mediaTC .botones,.cab a {display:none;}
a {text-decoration:none;color:inherit;}

/*estructura*/
* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cuecontainer {float:left;}
.transcripcontainer,.news > .imgL,.news > .imgT {float:right;}
.cuecontainer {width:16%;}
.transcripcontainer {width:32%;}
.news > .imgL,.news > .imgT {width:52%;}

/*distribucion vertical segun video 16:9*/
.transcripcontainer,.cuecontainer {padding:0 1%;}
.mediaCP,.mediaTC,.transcripcontainer .cab,.transcripcontainer .content {width:100%;}
	.mediaTC {padding-top:97.5%;}
		.transcripcontainer .cab {height:10%;}
		.transcripcontainer .content {height:90%;}
	.mediaCP {padding-top:208.9%;}
		.cuecontainer ul {height:85%;}
.transcripcontainer .content,.cuecontainer ul {top:10%;overflow-y:auto;overflow-x:hidden;}






.mark {background:#efefef url("idebate/bg_cue.jpg") top center no-repeat;padding:1.2em 0;float:left;width:100%;}
.cuecontainer {background:#fff;}
.mediaCP {background:url("idebate/temas.jpg") 0 2% no-repeat;}
.imgT { background:url("idebate/bg_cue.jpg") bottom center no-repeat;}
.imgL { background:url("idebate/bg_cue.jpg") bottom center no-repeat;}

.mediaTC h4 span,.mediaCP a span {font-family:'RTVEfontSansR',Georgia,sans-serif;}


/*cuepoints*/
.mediaCP ul {padding-right:0.5em;}
.mediaCP li {border-bottom:0.1em dashed #555;width:100%;float:left;padding-top:0.6em;}
.mediaCP span {display:inline-block;width:100%;clear:both;}
.mediaCP a span {font-size:140%;line-height:1.2857;color:#000;}
.mediaCP a:hover span,.mediaCP a:hover {color:#900;}
.mediaCP li > span {color:#555;font-size:110%;line-height:2;padding-left:1.273em;background:url("idebate/ico_time.jpg") 0 46% no-repeat;}



/* transcripcion  */
.transcripcontainer .content {background:#fff url("idebate/bgtxt.jpg") 100% 0 repeat-y;}
	.transcripcontainer .textoTranscripcion {width:100%;display:inline-block;clear:both;padding:0.5em;}
	.transcripcontainer .textoTranscripcion:hover {background:#efefef;}
	.transcripcontainer .item_on {font-weight:bold;background:#fff;}
.textoTranscripcion a {font-size:120%;line-height:1.5;text-decoration:none;color:#000;}
.textoTranscripcion a img,.textoTranscripcion a > span {font-size:10px;}
.textoTranscripcion a img {float:left;margin:0 0.6em 0.6em 0;width:4.8em;height:4.8em;border:0.1em solid #fff;}
.textoTranscripcion a > span {border-top:0.1em dotted #666;width:100%;display:block;margin-bottom:0.6em;}
	.textoTranscripcion a > .pp   {border-color:#00a0df;}
	.textoTranscripcion a > .psoe {border-color:#cc092f;}
	.textoTranscripcion a > .pnv  {border-color:#009a49;}
	.textoTranscripcion a > .ciu  {border-color:#1c3687;}
	.textoTranscripcion a > .iu   {border-color:#cc092f;}
	.textoTranscripcion a > .erc  {border-color:#ffcb62;}



.mediaTC h4 { border-bottom:0.2em solid #555;height:100%;}
.mediaTC h4 span {font-size:180%;line-height:1;}




a span.moderador {color:#515151;background:#f5f5f5;font-style:italic;padding:0;}                                                                                                            





/*video*/
.VideoContainer a > img {width:100%;height:auto;}
.f16x9 {padding-top:56.25%;}
.f16x9 object,.f16x9 video,.f16x9 > a {width:100%;height:100%;display:inline-block;}
.f16x9 > a {overflow:hidden;}
.imgT, .imgL, .imgR {position:relative;}
.imgT > a,.imgL a {text-decoration:none;}
.videoplay strong,.loadvideo strong {text-transform:lowercase;width:9.4em;line-height:4.7em;padding-top:4.7em;margin: -4.7em 0 0 -4.7em;background:url('/css/style/i_news/hover_photo/playiconM.png') no-repeat 50% 50%;color:#ccc;position:absolute;display:block;float:none;left:50%;top:50%;text-align:center;}
a:hover .videoplay strong {background-color:rgba(0,0,0,0.4);border-radius:1.2em;}



/*positioning*/
.f16x9,.mediaTC,.mediaCP {position:relative;}
.f16x9 object,.f16x9 video,.f16x9 > a,
.transcripcontainer .cab,
.transcripcontainer .content,
.cuecontainer ul {position:absolute;}

.f16x9 object,.f16x9 video,.f16x9 > a,
.transcripcontainer .cab {top:0;left:0;}