@import url("/css/tipografias.css");

/* ---- RESET HTML4 ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	/*font-size: 100%;*/
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* ---- FIN RESET HTML4 ---- */

/* ---- INDEX VARIOS---- */

.clearpx{
	clear:both;
}

@font-face{
	font-family: rtve-corp;
	src: url("font/OfficinaITCRTVESans-Rg.otf")
}

@font-face{
	font-family: rtve-corp;
	font-weight:bold;
	src: url("font/OfficinaITCRTVESans-Bd.otf")
}

body{
	background-color: #1f2122;
	font: 87.5% Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
}

#wrapp{
	/*overflow:auto;
	min-width:88.571em;*/
	width:100%;
	height:100%;
	background: none repeat scroll 0 0 #1f2122;
}

div#header{
	/*position:fixed;
	top:0;
	z-index:999;
	min-width:88.571em;*/
	background:url("img/header-back40.png") repeat-x scroll 0 0 #1f2122;
	width:100%;
	color:#ccc;
	overflow:hidden;
	height:11.5em;
	position:relative;
}

/* ie hack 4 ps3
* html div#header{}
*/

div#header div.hLeft{ 
	background:url("img/header-left40.png") no-repeat scroll 0 0 #1f2122;
	width:1.429em;
	height:11.5em;
	float:left;
	position:absolute;
	left:0;
	top:0;
}

div#header div.hRight{
	background:url("img/header-right40.png") no-repeat scroll 0 0 #1f2122;
	width:1.429em;
	height:11.5em;
	position:absolute;
	right:0;
	top:0;
}
	
div#header div#hgrupo{
	float:left;
	overflow:hidden;
	/*margin-left:1.429em;*/
	margin-top:17px;
}

div#header div#hgrupo h1{
	/*float:left;*/
	margin: 0.714em 0 0 2.5em;
}

div#header div#hgrupo h1 a{
	display:block;
}

/*div#header div#hgrupo span{
	float: left;
	margin: 1.929em 1.071em 0 0.929em;
}

div#header div#hgrupo h2 {
	float:left;
	margin:1.571em 0 0 0;
}
*/

div#header div#nav{
	float:right;
	overflow:hidden;
	margin:0 2.857em 0 0;
	/*margin:1.071em 2.857em 0.929em 0;*/
}

div#header div#nav ul{
	overflow:hidden;
}
	
div#header div#nav ul li{
	float:left;
	/*margin-right:1.286em;*/
}

div#header div#nav ul li a{
	/*height:6.929em;
	width:72px;*/
	display:block;
	padding:0 10px 0 5px;
}

div#header div#nav ul li a.selected{
	background:url("img/nav-selected-copy.png") no-repeat scroll 0 -1px transparent;
	height:143px;
}

div#header div#nav ul li a img{
	margin:2.357em 0 0 0;
}

/*
div#header div#userArea{
	float:left;
	overflow:hidden;
}

div#header div#userArea ul{
	overflow:hidden;
}

div#header div#userArea ul li{
	background:url("img/linea-nav.png") no-repeat scroll left center transparent;
	float:left;
	padding:3em 1em;
}

div#header div#userArea ul li a{
	display:block;
}

/*
div#footer{
	/*position:fixed;
	bottom:0;
	z-index:998;
	min-width: 88.571em;
	font: rtve-corp;
	background:url("img/footer-bck.jpg") repeat-x scroll 0 0 #1b1b1d;
	width:100%;
	overflow:hidden;
	height:5em;
}

div#footer ul{
	background:url("img/footer-top.png") no-repeat scroll center 0 transparent;
	overflow:hidden;
	height:100%;
	width:100%;
	padding: 1.5em 0 0 5.714em;
	float:left;
}

div#footer ul li{
	float:left;
	margin-right:1.071em;
	overflow:hidden;
	background:url("img/footer-list-separac.png") no-repeat scroll right 0 transparent;
}

div#footer ul li:last-of-type{
	background:none;
}

div#footer ul li span{
	float:left;
}
div#footer ul li div{
	float:left;
}

div#footer ul li div a{
	color:#989fa9;
	display:block;
	font-size:1.5em;
	padding:0.071em 1.071em 0 0.643em;
	text-decoration:none;
	font-weight:bold;
}

div#footer ul div.volver{
	float:right;
	width:25%;
	overflow:hidden;
}

div#footer ul div.volver span{
	float:left;
}

div#footer ul div.volver p{
	float:left;
}

div#footer ul div.volver p a{
	color:#989fa9;
	display:block;
	font-size:1.5em;
	padding:0.071em 1.071em 0 0.643em;
	text-decoration:none;
	font-weight:bold;
}
*/

#main{
	/*overflow:hidden;
	position:absolute;
	top:7.857em;
	min-width:88.571em;*/
	padding-bottom:2.857em;
	background-color:#1f2122;
	width:100%;
	height:100%;
}

#main ul.ind{
	overflow:hidden;
	padding-left:50px;
	height:1%;
}

#main ul.ind li{
	/*padding:0 0.857em;*/
	position:relative;
	float:left;
	width:22%;
	margin:1.429em 1em;
	height:16.429em;
}

/*#main ul li p{
	margin:10px 10px 0 17px;
}*/

#main ul.ind li p.season{
	font:1.714em RTVEfontB;
}

#main ul.ind li p.chapter{
	font:2.143em RTVEfontR;
}

#main ul.ind li a{
	display:block;
	position:absolute;
	height:16.429em;
	width:100%;
	text-decoration:none;
}

#main ul.ind li a p.nuevo{
	background:url("img/nuevo.png") no-repeat scroll 0 0 transparent;
	height:3.357em;
	width:3.357em;
	position:absolute;
	left:2.5em;
	top:0.714em;
}

#main ul.ind li a p{
	height:16.429em;
	color: #FFFFFF;
	width:100%;
}
#main ul.ind li a p.infor{
	background:url("img/informativos-back.png") repeat-y scroll 0 0 #f5A718;
}

#main ul.ind li a p.prog{
	background:url("img/programas-back.png") repeat-y scroll 0 0 #01B7FF;
}

#main ul.ind li a p.ser{
	background:url("img/series-back.png") repeat-y scroll 0 0 #EA0101;
}

#main ul.ind li a p.doc{
	background:url("img/documentales-back.png") repeat-y scroll 0 0 #00DED2;
}

#main ul.ind li a p.sports{
	background:url("img/sports-back.png") repeat-y scroll 0 0 #5EAA40;
}

#main ul.ind li a p span{
	font:2.214em RTVEfontB;
	position:absolute;
	top:3.214em;
	width:100%;
	text-align:center;
	font-weight:bold;
}

#main ul.ind li a p img{
	width:100%;
	height:2.857em;
}
	

#main ul.ind li a span{
	position:absolute;
	display:block;
	height:1em;
	width:1em;
}

#main ul.ind li a span.ltop{
	left:0;
	top:0;
	z-index:997;
	background:url("img/ltop.png") no-repeat scroll 0 0 transparent;
}

#main ul.ind li a span.rtop{
	top:0;
	right:0;
	z-index:996;
	background:url("img/rtop.png") no-repeat scroll 0 0 transparent;
}

#main ul.ind li a span.lbottom{
	left:0;
	bottom:-4px;
	z-index:995;
	background:url("img/lbottom.png") no-repeat scroll 0 0 transparent;
}

#main ul.ind li a span.rbottom{
	bottom:-4px;
	right:0;
	z-index:994;
	background:url("img/rbottom.png") no-repeat scroll 0 0 transparent;
}


#main ul.ind li a img{
	width:100%;
	height:16.429em;
	z-index:1;
}

#main ul.ind li a div{
	background:url("img/controls-bck.png") repeat-x scroll 0 0 transparent;
	position:absolute;
	bottom:-1px;
	width:100%;
	height:5em;
	overflow:hidden;
	left:0;
}

#main ul.ind li a div p{
	height:1em;
	width:70%;
	float:left;
	margin:0.571em 0 0 1.143em;
	font-size:1.429em;
	color:#fff;
	line-height:1.5;
	font-weight:bold;
	font-family:RTVEfontR;
}

#main ul.ind li a div p.mosca{
	float:right;
	width:17%;
	margin:0.571em 0 0 0;
	/*height:3.612em;*/
}


#main ul.ind li a div p.mosca img{
	height:44px;
	width:52px;
}


/* ---- FIN INDEX VARIOS ---- */

/* ---- SELECTED CHAPTER ---- */

#mainChapter{
	/*position:absolute;
	top:7.857em;
	padding-bottom:2.857em;
	min-width:88.571em;
	height:1%;*/
	overflow:hidden;
	background-color:#1f2122;
	width:100%;
}


#mainChapter div#mainLeft{
	float:left;
	width:35%;
	margin-left:3.214em;
}

/*#mainChapter div#mainLeft div#mainLeftTop{
	width:30%;
	position:fixed;
	z-index:999;
	padding-bottom: 1.786em;
	background-color:#1f2122;
}
*/

#mainChapter div#mainLeft p.titleSerie{
	font-size:2.357em;/*33px*/
	margin-bottom:35px;
}

/*#mainChapter div#mainLeft div#mainLeftBottom{
	position:relative;
	z-index:998;
	top:15.714em;
	margin-top:35px;
}
*/

#mainChapter div#mainLeft ul{
	overflow:hidden;
	height:1%;
}

#mainChapter div#mainLeft ul li{
	position:relative;
	float:left;
	width:30%;
	/*padding:0 0.5em 0 0;
	margin:0.714em 0.143em 0.714em 0;*/
	margin:25px 21px 25px 0;
	height:9.643em;
}

#mainChapter div#mainLeft ul li a{
	/*height:6.429em;*/
	display:block;
	text-decoration: none;
	position:absolute;
	width:100%;
}

#mainChapter div#mainLeft ul li a img{
	width:100%;
	height:9.643em;/*135px*/
}

#mainChapter div#mainLeft ul li a span{
	position:absolute;
	display:block;
	height:1em;
	width:1em;
}

#mainChapter div#mainLeft ul li a span.ltop{
	left:0;
	top:0;
	z-index:997;
	background:url("img/ltop.png") no-repeat scroll 0 0 transparent;
}

#mainChapter div#mainLeft ul li a span.rtop{
	top:0;
	right:0;
	z-index:996;
	background:url("img/rtop.png") no-repeat scroll 0 0 transparent;
}

#mainChapter div#mainLeft ul li a span.lbottom{
	left:0;
	bottom:-4px;
	z-index:995;
	background:url("img/lbottom.png") no-repeat scroll 0 0 transparent;
}

#mainChapter div#mainLeft ul li a span.rbottom{
	bottom:-4px;
	right:0;
	z-index:994;
	background:url("img/rbottom.png") no-repeat scroll 0 0 transparent;
}

#mainChapter div#mainLeft ul li a div{
	/*background-color:rgba(0, 0, 0, 0.7);*/
	background:url("img/controls-bck.png") repeat-x scroll 0 0 transparent;
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:3.214em;
	overflow:hidden;
}

#mainChapter div#mainLeft ul li a div p{
	margin:0 0 0 1em;
	height:2.5em;
	font-size:1.286em;
	color:#FFFFFF;
}

#mainChapter div#mainLeft div.verTodosvid{
	width:35%;
	margin:0 auto;
}

#mainChapter div#mainLeft div.verTodosvid a{
	display:block;
	height:70px;
	width:236px;
}

#mainChapter div#mainLeft div.verTodosvid a img{
	height:70px;
	width:236px;
}

#mainChapter div#mainRight{
	float:right;
	width:55%;
	margin-right:3.214em;
}

#mainChapter div#mainRight div.vid{
	/*position:fixed;*/
}

#mainChapter div#mainRight p.titleChapter{
	font-size:2em;
	margin: 30px 0;
}

#mainChapter div#mainRight p.chapterData{
	margin-bottom: 0.714em;
	font-size:1.5em;
	color:#FF8C00;
	text-transform: uppercase;
}

/*#mainChapter div#mainRight p.chapterData span.chapterDataNumber{
	font-size:1.429em;
}

#mainChapter div#mainRight p.chapterData span.chapterDataDate{
	color:#FF8C00;
	text-transform: uppercase;
}*/

#mainChapter div#mainRight div.chapterDesc{
	font-size:1.643em;/*23px*/
	margin-top:20px;
	/*width:30%;*/
}

/* ---- FIN SELECTED CHAPTER ---- */

/* ---- FULL SCREEN ---- */

#wrapp div#imageFullScreen{
	z-index:1;
}

#wrapp div#imageFullScreen img{
	width:100%;
	height:100%;
	position:absolute;
}

#wrapp div.episodeFullScreen{
	width:25%;
	height:100%;
	background-color:#1f2122;
	z-index:2;
	position:absolute;
	overflow:hidden;
}

#wrapp div.episodeFullScreen ul{
	overflow:hidden;
	padding:2.857em;
}

#wrapp div.episodeFullScreen ul li{
	position:relative;
	float:left;
	width:100%;
	margin:1.786em 0;
	/*height:12em;*/
}

#wrapp div.episodeFullScreen ul li a{
	display:block;
	text-decoration: none;
	/*height:12em;*/
	position:relative;
}
	
#wrapp div.episodeFullScreen ul li a span{
	position:absolute;
	display:block;
	height:1em;
	width:1em;
}

#wrapp div.episodeFullScreen ul li a span.ltop{
	top:0;
	z-index:997;
	background:url("img/ltop.png") no-repeat scroll 0 0 transparent;
}

#wrapp div.episodeFullScreen ul li a span.rtop{
	top:0;
	right:0;
	z-index:996;
	background:url("img/rtop.png") no-repeat scroll 0 0 transparent;
}

#wrapp div.episodeFullScreen ul li a span.lbottom{
	bottom:-4px;
	z-index:995;
	background:url("img/lbottom.png") no-repeat scroll 0 0 transparent;
}

#wrapp div.episodeFullScreen ul li a span.rbottom{
	bottom:-4px;
	right:0;
	z-index:994;
	background:url("img/rbottom.png") no-repeat scroll 0 0 transparent;
}


#wrapp div.episodeFullScreen ul li a img{
	width:100%;
	height:20%;
}

#wrapp div.episodeFullScreen ul li a div{
	/*background-color:rgba(0, 0, 0, 0.7);*/
	height:5.357em;
	background:url("img/controls-bck.png") repeat-x scroll 0 0 transparent;
	position:absolute;
	bottom:-1px;
	width:100%;
	overflow:hidden;
	left:0;
}

#wrapp div.episodeFullScreen ul li a div p{
	/*height:100%;
	width:61%;*/
	margin:0.571em 0 0 1.143em;
	font-size:1.429em;
	color:#fff;
	line-height:1.5;
	font-weight:bold;
}

#wrapp div#controlsFullScreen{
	background:url("img/controls-bck.png") repeat-x scroll 0 bottom transparent;
	height:5.714em;/*80px*/
	width:100%;
	position:absolute;
	bottom:-1px;
	z-index:3;
}

#wrapp div#controlsFullScreen ul{
	overflow:hidden;
	height:100%;
	width:100%;
}

#wrapp div#controlsFullScreen ul li{
	float:left;
	width:25%;
	height: 100%;
	border-right:1px solid #999;
}

#wrapp div#controlsFullScreen ul li.controlsUlt{
	border:none;
}

#wrapp div#controlsFullScreen ul li div{
	overflow: hidden;
	width:65%;
	margin:2.143em auto 0;
	min-width:5em;
}

#wrapp div#controlsFullScreen ul li.controlsUlt div{
	width:75%;
}


#wrapp div#controlsFullScreen ul li div img{
	float:right;
	height: 1.786em;
	width: 1.786em;
}

#wrapp div#controlsFullScreen ul li div a{
	color:#fff;
	font:1.643em rtve-corp;
	text-decoration: none;
	float:right;
	margin:0 0 0 0.714em;
}

#wrapp div#controlsFullScreen ul li.reproduct{
	width:49%;
	text-align:center;
}

/* ---- FIN FULL SCREEN ---- */

.hddn {display:none;}