/* 	
#######################################
RESET 
----------------------------------------------------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {line-height: 1;	}
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
table {border-collapse: collapse;	border-spacing: 0; }

p { font: normal 11px/14px Trebuchet, Trebuchet MS, Arial, Helvetica, Sans-serif;color: #888;	}
a, a:link, a:hover, a:visited{ color: #9F2439; text-decoration: none; }
body.noticia p {  font-size: 11px; line-height: 16px; margin:0 0 16px; padding:0;}
p.seccion {  margin: 2px 0 0 !important;}


/* 	
#######################################
LANDING 
----------------------------------------------------------- */

body{
	background:#2c2c2c;
}

#cabecera{
	background:#2c2c2c;
	overflow:hidden;
}

.wrap{
	margin:0 auto;
	width:808px;
	position:relative;
	overflow:hidden;
}

#contenido_principal .wrap{
	width:750px;
}


h1{
	background:url(http://estaticos.orbyt.es/estaticas/promociones/2011/03/bluebloods/img/orbyt.png) no-repeat center;
	text-indent:-9999px;
	display:block;
	width: 125px;
	height:25px;
	padding:26px 0;
	float:left;
}

h1 a{ display:block; width:122px; height:25px;}
.nav{margin: 31px 0 0}
.nav a{display:block; height:25px; text-indent:-9999px}
.nav li{float:left; padding:0 0 0 10px}
.nav_mundo a{width:94px; background:url(http://estaticos.orbyt.es/estaticas/promociones/2011/03/bluebloods/img/mundo.png) top left no-repeat}
.nav_marca a{width:54px; background:url(http://estaticos.orbyt.es/estaticas/promociones/2011/03/bluebloods/img/marca.png) top left no-repeat}
.nav_expansion a{width:76px; background:url(http://estaticos.orbyt.es/estaticas/promociones/2011/03/bluebloods/img/expansion.png) top left no-repeat}
.nav_telva a{width:51px; background:url(http://estaticos.orbyt.es/estaticas/promociones/2011/03/bluebloods/img/telva.png) top left no-repeat}



/* 	
#######################################
CONTENIDO PRINCIPAL 
----------------------------------------------------------- */

#contenido{
	background:url(../img/bg_body.jpg);
}

#contenido_principal{
	margin:0 auto;
	width:970px;
	background:url(../img/bg_cprincipal.jpg) no-repeat top left;
	height:378px;
	padding-top:50px;
}

#titulo{
	background:url(../img/titular.png) no-repeat top left;
	width:356px;
	height:80px;
	text-indent:-9999px;
}

.fecha{
	background:url(../img/fecha.png) top left no-repeat;
	width:355px;
	height:157px;
	text-indent:-9999px;
	margin-top:40px;
}

.fecha:hover{
	background:url(../img/fecha.png) bottom left no-repeat;
}

#videos{
	margin-top:12px;
	width:275px;
	margin-left:79px;
}

#videos ul li{
	float:left;
	/*display:inline-block;*/
	width:135px;
	height:35px;
}

.trailer{
	background:url(../img/btn_videos.png) no-repeat top left;
	width:135px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

.trailer:hover{
	background:url(../img/btn_videos.png) no-repeat bottom left;
}

.episodio{
	background:url(../img/btn_videos.png) no-repeat top right;
	width:135px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

.episodio:hover{
	background:url(../img/btn_videos.png) no-repeat bottom right;
}

/* 	
#######################################
CONTENIDO SECUNDARIO 
----------------------------------------------------------- */

#contenido{
	background-color:#e1e1e1;
}

#contenido_secundario{
	margin:0 auto;
	width:970px;
	background-image:url(../img/bg_csecundario.jpg);
	height:128px;
	padding-top:67px;
}

#foxcrime{
	background:url(../img/foxcrime.png) top left no-repeat;
	text-indent:-9999px;
	width:202px;
	height:112px;
	display:block;
}

#foxcrime:hover{
	background:url(../img/foxcrime.png) bottom left no-repeat;
}

#linkfox{
	text-indent:-9999px;
	width:202px;
	height:112px;
	display:block;
}




/* 	
#######################################
PIE
----------------------------------------------------------- */

#footer{
	background-color:#2c2c2c;
}

#footer .wrap p{
	margin-top:10px;
}

/* 	
#######################################
RIBBON
----------------------------------------------------------- */

#ribbon{
	background:url(../img/ribbon.png);
	text-indent:-9999px;
	width:166px;
	height:172px;
	position:absolute;
	top:0;
	right:0;
}


/* 	
#######################################
LANDING REPRODUCTOR
----------------------------------------------------------- */

#contenido_reproductor{
	background:url(../img/bg_creproductor.jpg) no-repeat;
	height:643px;
	width:970px;
	margin:0 auto;
	padding-top:20px;
}

.reproductor{
	width:768px;
	height:576px;
	background:#000000;
	margin:0 auto;
}

.descripcion{
	width:748px;
	padding:10px;
	background:#333333;
	margin:0 auto;
}

.descripcion p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
}
	

/* 	
#######################################
FICHAS Y SINOPSIS
----------------------------------------------------------- */

.ficha{
	width:768px;
	margin:0 auto;
	margin-top:30px;
	overflow:hidden;
	border-bottom:solid 1px #858585;
	padding-bottom:20px;
}

.ficha ul{
	width:800px;
}

.ficha ul li{
	width:355px;
	height:155px;
	margin-right:25px;
	margin-top:25px;
	float:left;
	overflow:hidden;
	padding:10px;
	background:url(../img/bg_ficha.png) no-repeat bottom right #FFFFFF;
}

.wrap p{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

.photo{
	float:left;
}

.bio{
	float:left;
	width:140px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.bio h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.bio h4{
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:5px;
}

#contenido_fichas{
	background:#2c2c2c;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	
}

.cuerpo_sinopsis{
	width:400px;
	float:left;
}

.cuerpo_sinopsis p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-top:20px;
}

.cuerpo_sinopsis h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	margin-top:10px;
	font-weight:bold;
}

.BlueBloods{
	background:url(../img/head_bluebloods.png) no-repeat;
	width:289px;
	height:30px;
	display:block;
	text-indent:-9999px;
	margin-bottom:20px;
}

.personajes{
	background:url(../img/head_personajes.png) no-repeat;
	width:271px;
	height:30px;
	display:block;
	text-indent:-9999px;
	margin-bottom:10px;
}

.portadabb{
	float:right;
}

/* 	
#######################################
LOGIN
----------------------------------------------------------- */

#usuario{
	width:280px;
	float:right;
	background:url(../img/bg_usuarop.png) no-repeat top left;
	padding-left:25px;
	margin-top:11px;
	margin-left:60px;
	position:relative;
}

#usuario p{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin-top:2px;
}

#usuario a, #usuario a span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:2px;
	color:#d62735;
}

#usuario a:hover{
	border-bottom:1px solid #ff3444;
	color:#ff3444;
}
#usuario ul {
	overflow:hidden;
}
#usuario ul li {
	float:left;
}
#usuario ul li#no_contrasena {
	width:100px;
	position:absolute;
	bottom:-32px;
	left:217px;
}
#usuario p {
	position:absolute;
	left:0;	
}
#usuario p#registro {
	top:26px;
}
#usuario p#abono {
	top:40px;
}

#usuario h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	margin-top:5px;
}
.field_left{
	width:93px;
	height:24px;
	background:url(../img/field_left.jpg) no-repeat;
	border:0;
	text-align:center;
	margin:0;
	padding:0;
}

.field_right{
	width:95px;
	height:24px;
	background:url(../img/field_right.jpg) no-repeat;
	border:0;
	text-align:center;
	margin:0;
	padding:0;
}

.btn_entrar{
	width:58px;
	height:24px;
	background:url(../img/btn_entrar.jpg) no-repeat top left;
	color:#FFFFFF;
	text-align:center;
	border:0;
	float:left;
	margin-left:5px;
}

.btn_entrar:hover{
	background:url(../img/btn_entrar.jpg) no-repeat bottom left;
}

/*************************************************************
 **** Estilos para el popup  *********************************
 *************************************************************/


#popUp {
                position:absolute;
                top:0;
                left:0;
                width:100%;
                z-index:99999;
}
#transparencia {
                position:absolute;
                top:0;
                left:0;
                width:100%;
                background:#000;
                opacity:.85;
                filter: alpha(opacity=85);
                -moz-opacity: 0.85;
}
#popUpHija {
/*                margin:0;
                display:block;
                position:absolute;
                left:50%; margin-left:-495px;
                top:0px!important;
*/      
    display: block;
    height: 595px;
    left: 50%;
    margin: 149px 0 0 -245px;
    position: absolute;
    top: 0 !important;
    width: 495px;
}
#popUpHija iframe{overflow:hidden;height:384px!important; width:510px!important;}
#infoPopUp {
                width:100%;
}
#cerrarPopUp {
/*                display:block; height:58px; width:58px; background:url(../img/btncerrar.png) no-repeat left bottom; position: absolute; top:80px; left:960px; cursor:pointer;
*/
    background: url("../img/btncerrar.png") no-repeat scroll left bottom transparent;
    cursor: pointer;
    display: block;
    height: 58px;
    left: 504px;
    position: absolute;
    top: 0;
    width: 58px;
}
#cerrarPopUp:hover {background:url(../img/btncerrar.png) no-repeat left top;}
#pie_lightbox {
                width:500px;
                overflow:hidden; 
                clear:both;
}
/* reloj */
#reloj {
    color: #FFFFFF;
    display: block;
    font-size: 62px;
    height: 70px;
    left: 50%;
	margin:0 0 0 -250px;
	position: relative;
    text-align: center;
	line-height: 68px;
	top: 50%;
    width: 500px
}