body {
	margin: 0 0 15px;
	font: normal 11px/12px arial, helvetica, sans-serif;
}
h1 {color: #fff; font: normal 11px/1em arial, helvetica, sans-serif; margin: 0; padding: 0; float: left;}
h2 {color: #1F3C5D; font: bold 24px/30px arial, helvetica, sans-serif;}
h3 {color: #1F3C5D; font: bold 20px/24px arial, helvetica, sans-serif;}
.accesible {display: none;}
a {text-decoration: none; color: #1F3C5D;}
a:hover {text-decoration: underline;}



/******** cabecera ********/
#cabecera {width:990px; margin:0 auto 10px; z-index: 2; position: relative}
#intro {background-color: #000; margin: 0;}
#barraNavegacion {background:#4d637a url(cabecera/sprites_cabecera_portada.png) no-repeat 0 0; position:relative; height:30px;}

#barraHerramientas {background: #304E67 url(cabecera/fondo_herramientas.png) repeat-x bottom left; color: #fff; padding: 5px 5px; text-align: right;}
#barraHerramientas a {color: #fff;}

#barraHerramientasClara {color: #1F3C5D; padding: 3px 0; text-align: right;}
#barraHerramientasClara a {color: #1F3C5D;}
#barraHerramientasClara h1 {color: #1F3C5D;}


/******** botonera ********/
#barraNavegacion #barraNavegacionBotonera {position:absolute; top:0; left:260px; width:372px; height:30px;}
.botonNav {background: transparent url(cabecera/sprites_cabecera_portada.png) no-repeat 0 0; display:block; width:93px; height:30px; float:left;}
#barraNavegacionBotonera .botonNav span {display:block; overflow: hidden; text-indent: -1000px;}

#botonInicio {background-position: -260px 0}
a#botonInicio:hover {background-position: -260px -60px}
a#botonInicio.activo,
a#botonInicio.activo:hover	{background-position: -260px -30px}

#botonVideos {background-position: -353px 0}
a#botonVideos:hover {background-position: -353px -60px}
a#botonVideos.activo,
a#botonVideos.activo:hover {background-position: -353px -30px}

#botonAudios {background-position: -446px 0}
a#botonAudios:hover {background-position: -446px -60px}
a#botonAudios.activo,
a#botonAudios.activo:hover {background-position: -446px -30px}

#botonCanales {background-position: -539px 0}
a#botonCanales:hover {background-position: -539px -60px}
a#botonCanales.activo,
a#botonCanales.activo:hover {background-position: -539px -30px}

a#botonAlea {background: transparent url(cabecera/sprites_cabecera_portada.png) no-repeat -944px -30px;
display:block; width:46px; height:30px; position: absolute; top: 0; right: 0; overflow: hidden; text-indent: -1000px;}
a#botonAlea:hover {background-position: -944px -60px;}

/******** buscar ********/
#formBuscar {position:absolute; right:46px; top:0; width:250px; height:30px;
	background: transparent url(cabecera/sprites_cabecera_portada.png) no-repeat -692px 0;}
#formBuscar form {margin:0; padding:0;}
#formBuscar form .query {position: absolute; top:10px; left:10px; display: block; width:180px; height:13px;
	background-color:transparent; padding:0; margin:0; border-width:0; 
	font:normal 11px/12px verdana, arial, helvetica, sans-serif;}

#formBuscar form .submit {background:transparent url(cabecera/sprites_cabecera_portada.png) no-repeat -895px -36px;
	display:block; position:absolute; width:49px; height:19px; top:6px; right:0; padding:0; margin:0; border-width:0; line-height:19px; text-indent:-2000px; overflow: hidden;}
#formBuscar form .submit:hover {background-position: -895px -66px;}


#formBuscar form .filter {background:transparent url(cabecera/sprites_cabecera_portada.png) no-repeat -875px -36px;
	display:block; position:absolute; width:20px; height:19px; top:6px; right:66px; padding:0; margin:0; border-width:0; line-height:19px; text-indent:-2000px; overflow: hidden;}
#formBuscar form .filter:hover {background-position: -875px -66px}



.pegatina {
	width: 48px;
	height: 48px;
	border-width: 0;
}



/******** tabla principal ********/
#cuerpo {margin: 0 auto 10px; width:990px; z-index: 1;}
#columna {margin: 0; padding: 0}
#colIzq {width:255px;} 
#colCtr {width:575px;}
#colDer {width:160px;}


/******** encabezado ********/
#encabezado {position:relative; background:transparent url(cabecera_categoria.png) no-repeat top left; margin:0 5px 10px; height:80px;}

#encabezado #migas, #encabezadoInterior #migas {position:absolute; left:10px; top:5px; padding:0; margin:0; color: #999; display: block; width: 400px; height: 12px;}
#migas a {color: #1F3C5D;}

#cambiaVista {text-align: right; position:absolute; right:10px; top:5px; margin:0; color: #999; display: block; width: 27px; height: 12px; padding: 0; background: transparent url(sprite_iconillos_vista.gif) no-repeat 0 0; }

#cambiaVista.porLista {background-position: 0 -15px;}

#cambiaVista a {color: #1F3C5D; display: block; width: 27px; height: 12px; text-indent: 30px; overflow: hidden;}




#encabezado h2, #encabezadoInterior h2{position:absolute; width: 400px; left:62px; bottom:32px; padding:0; margin:0; text-transform: lowercase; }
#encabezado .paginador {position:absolute; left:55px; bottom:10px;}

#encabezado .icono {position: absolute; display: block; width: 48px; height: 48px; left: 7px; bottom: 7px; border: 0;}

#encabezado .sugerencia {position: absolute; bottom: 10px; right: 15px;}

#encabezadoInterior {position:relative; margin:0; height:60px; }

#encabezadoInterior h2 {left:0; top:25px;}
#encabezadoInterior #migas {left:0;}




/******* caja_item ********/
.caja_item{
	background:transparent url(cajas/fondo_noticia_portada.png) no-repeat top left;
	position:relative; float:left; width:180px; height:160px; margin:0 5px 10px; display: inline;}
.caja_item a {color:#000; display:block; width:180px; height:150px;}
.caja_item a:hover{cursor:pointer; text-decoration: none;}
.caja_item .descripcion{display:block; position:absolute; top:15px; left:15px; width:150px; height:110px; overflow:hidden;}
.caja_item img {border-width:0px; position:absolute; top:10px; left:10px;}
/* rollover para que se vea el texto*/
.caja_item a:hover img {display: none;}
/* jQuery deshabilita el rollover para poner el suyo */ 
.caja_item a:hover img.fade {display: block;}


.caja_item .titulo{ background: transparent url(sprite_iconillos.gif) 0 -140px no-repeat; 
	display:block; height:17px; width:160px; position:absolute; bottom:7px; left:10px; padding: 0;}
.caja_item .tituloAudio{background-position: 0 -160px;}
.caja_item .tituloLink{background-position: 0 -180px;}


.caja_item .titulo span{ color: #1F3C5D; font:bold 13px/15px arial, helvetica, sans-serif;
	display:block; height:17px; width:137px; padding-left: 23px; padding-top: 2px;  white-space:nowrap; overflow:hidden; 
}

.etiquetaAdulto { display: block; position: absolute; background: transparent url(sprite_iconillos.gif) 0 -280px no-repeat; width: 18px; height: 18px; top: 111px; left: 11px;}



.caja_item_perso {position:relative; float:left; width:180px; height:160px; margin:0 5px 10px; display: inline; overflow:hidden;}


/***** ver por lista ******/

#listaItems { margin: 0 0 10px; }

#contenido.porLista #listaItems {
	clear: left;
	width: 560px;
	position: relative;
	background: transparent url(sprite_fondo_560.png) repeat-y -560px 0;
	margin: 0 0 10px 5px;
}

#contenido.porLista #listaItems .inicioCaja{
	background: transparent url(sprite_fondo_560.png) no-repeat 0 0;
	padding-top: 15px;
	height: 100px;
}
#contenido.porLista #listaItems .pieCaja{
	height: 10px;
	width: 560px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(sprite_fondo_560.png) no-repeat -1120px bottom;
}

#contenido.porLista #listaItems .caja_item{ background-image: none; height: 48px; width: 530px; border-bottom: 1px dotted #ccc; margin: 0 15px 5px;}
#contenido.porLista #listaItems .caja_item a {width: 500px; height: 45px;}
#contenido.porLista #listaItems .caja_item img {width: 60px; height: 45px; left: 0; top: -1px;}
#contenido.porLista #listaItems .caja_item .titulo {width: 420px; left: 66px; top: -1px;}
#contenido.porLista #listaItems .caja_item .titulo span {width: 420px; padding-top: 0;}
#contenido.porLista #listaItems .caja_item .descripcion { width: 445px; left: 90px; top: 18px; height: 26px;}

#contenido.porLista #listaItems .caja_item a.quitaFav {position: absolute; top: 0; right: 0; width: auto; height: auto; font-weight: bold;}
#contenido.porLista #listaItems .caja_item a.quitaFav:hover {text-decoration: underline;}

#contenido.porLista #cajaRelleno,
#contenido.porLista #cajaRelleno .inicioCaja,
#contenido.porLista #cajaRelleno .pieCaja {background-image: none;}

#contenido.porLista .etiquetaAdulto { top: 26px; left: 1px;}

/******* caja_tag ********/
.caja_tag{
	background:transparent url(cajas/fondo_ficha_tag.png) no-repeat top left; display: inline;
	position:relative; float:left; width:180px; height:160px; margin:0 5px 10px;}

.caja_tag .icono {
	border-width: 0;
	float: left;
	margin: 0 5px 5px 0;
	}
.caja_tag a {
	color: #1f3c5d;
	
	}



#cuerpo_item {position:relative; margin:0 auto 10px; width:990px; height:600px; background:transparent url(fondo_item_normal.jpg) no-repeat 0 0;}
#cuerpo_item.skin, #cuerpo_item.especial {background:transparent none no-repeat 0 0;}


#skyscrapper_item {width: 120px; height: 600px; float: left;}
	
#cuerpo_item #detallesItem {margin-left: 83px; width: 514px; float: left; display: inline;}

#cuerpo_item.skin #detallesItem, #cuerpo_item.especial #detallesItem {margin-left: 238px; display: inline;}






/******** modificado especiales para video de chivas ******/
#detallesItem, #cuerpo_item.especial #detallesItem {margin-left: 138px; display: inline;}





.iconoItem {display: block; float: left; background-repeat: no-repeat; width: 25px; height: 27px; margin: 0 5px 0 0;}


#audioplayer {margin-left: 33px; margin-top: 12px; z-index:1;}
#videoplayer {margin-left: 33px; margin-top: 12px; z-index:1;  }
#cuerpo_item.especial #videoplayer {margin-top: 132px;}

.detallesAudio {color: #fff; font: bold 12px/18px arial, helvetica, sans-serif; position: absolute; top: 74px; left: 52px;}



#cuerpo_item #player {width: 514px; height: 408px; float: left; position: relative; margin-top: 0;}
#cuerpo_item.skin #player {margin-top: 0;}

#cuerpo_item #player h3 {color: #fff; font: bold 14px/18px arial, helvetica, sans-serif; position: absolute; top: 28px; left: 52px; width: 344px; margin: 0; z-index:3;}
#cuerpo_item #player .imagenAudio {width: 160px; height: 120px; position: absolute; top: 77px; left: 297px; z-index:2;}




#descripcionFicha a {color: #0033FF; text-decoration: underline;}


#cajaDescarga {width: 110px; height: 60px; float: left; margin-right: 10px; text-align: center;}
#cajaDescarga a.botonDescarga {display: block; background: transparent url(/images/descarga.png) no-repeat top left; width: 80px; height: 24px; text-align: center; color: #fff; font-weight: bold; font-size: 13px; line-height: 20px; margin: 0 auto;}
#cajaDescarga .botonNoDescarga {display: block; background: transparent url(/images/descarga_off.png) no-repeat top left; width: 80px; height: 24px; text-align: center; color: #fff; font-weight: bold; font-size: 13px; line-height: 20px; margin: 0 auto;}

#cajaDescarga p {text-align: center; margin: 0; color: #1F3C5D;}
#cajaDescarga .division {border-bottom: 1px solid #ddd; height: 10px; margin: 0 15px;}
#cajaComparte {text-align: center; padding-top: 10px; margin: 0 15px 0; color: #1F3C5D;}

	
.banda_inferior {
	height: 250px;
	width: 990px;
	margin: 0 auto 10px;
}

	
	

/******** pies de columna ******/
.pie {position:relative; clear:both; margin:5px 0 0; height:40px; background: transparent url('pie_3_col.png') 0 0 no-repeat;}
#pieCtr {background-position:-260px 0; margin:0 5px 0;}
#pieDer {background-position:-830px 0; position:relative;}

#pieDer p { padding: 6px 5px 0 45px;}




/************ firma ************/
#firma {clear:both; margin:0 auto; width:990px; border: 1px solid #ddd; }
#firma td {font-size:10px; line-height: 13px; color: #666; padding: 0 10px;}
#firma td a {color: #55a;}

#trini32 {float: left; margin: 5px 10px 0 0;}



/************ paginador ************/
.paginador {padding: 10px 0 0 7px;	margin: 0;}
.paginadorIphone {position: absolute; bottom: 0; left: 60px;	margin: 0;}

.paginadorIphoneInf {bottom: 5px; left: 20px; }


.paginador a, .paginador strong, .paginador span.puntos,
.paginadorIphone a, .paginadorIphone strong, .paginadorIphone span.puntos{
	font: normal 9px/18px arial, helvetica, sans-serif; text-align: center; text-decoration: none;
	display:block;	float:left; color:#555; margin-right:2px; margin-bottom: 0; width:19px; height:17px; overflow:hidden;
	background: transparent url(sprite_iconillos.gif) no-repeat 0 -120px;}

.paginadorIphone a, .paginadorIphone strong, .paginadorIphone span.puntos {font: normal 18px/36px arial, helvetica, sans-serif; width:38px; height:34px; background: transparent url(sprite_iconillos_iphone.gif) no-repeat 0 -240px;}



.paginador a.actual, .paginador strong.actual {color: #fff;border-color: #000;background-position: 0 -100px;} 
.paginadorIphone a.actual, .paginadorIphone strong.actual {color: #fff;border-color: #000;background-position: 0 -200px;} 

.paginador a:hover {color:#fff; background-position: 0 -200px; }
.paginadorIphone a:hover {color:#fff; background-position: 0 -400px; }


.paginador .arrowLeft, .paginador .arrowLeft:hover {text-indent:-900em; background-position:0 -60px;}
.paginadorIphone .arrowLeft, .paginadorIphone .arrowLeft:hover {text-indent:-900em; background-position:0 -120px;}

.paginador .arrowRight, .paginador .arrowRight:hover {text-indent:-900em; background-position: 0 -80px;}
.paginadorIphone .arrowRight, .paginadorIphone .arrowRight:hover {text-indent:-900em; background-position: 0 -160px;}

.paginador span.puntos {cursor:default;}




#listaSubCategory {
	display: block;
	width: 250px;
	height: 330px;
	margin-bottom: 10px;
	background: transparent url(cajas/fondo_sub_category.png) no-repeat top left;
	font: normal 10px/10px arial, helvetica, sans-serif;
}

#listaSubCategory h3{
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	margin: 0 10px;
	color: #1F3C5D;
	
}

#listaSubCategory ul, #listaSubCategory li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#listaSubCategory ul {
	padding: 0 5px;
}

#listaSubCategory li {
	display: block;
	height: 50px;
	padding: 5px 5px 5px 65px;
	position: relative;
}

#listaSubCategory li.activo {
	background-color: #C3CEDB;
}

#listaSubCategory strong {
	color: #1F3C5D; font:bold 13px/14px arial, helvetica, sans-serif;
}

#listaSubCategory .cant{
	color: #999; font:bold 11px/14px arial, helvetica, sans-serif;
}

#listaSubCategory a {
	text-decoration: none;
	color: #636363;
}

#listaSubCategory a:hover strong{
	text-decoration: underline;
}


#listaSubCategory span.icono {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: #eee;
	border: 1px solid #ccc;
	overflow: hidden;
}
#listaSubCategory span.icono img {
	border-width: 0;
	margin-left: -8px;
	}


/********** página de resutados de búsqueda ********/
#contenidoBuscar {
	background: transparent url(fondo_resultados.png) no-repeat 0 0;
	margin: 0 0 10px 5px;
	padding: 10px;
	width: 540px;
	height: 820px;
}

.caja560 {
	clear: left;
	width: 560px;
	position: relative;
	background: transparent url(sprite_fondo_560.png) repeat-y -560px 0;
	margin: 0 0 10px 5px;
}

.caja560 .inicioCaja{
	background: transparent url(sprite_fondo_560.png) no-repeat 0 0;
	padding-top: 30px;
	min-height: 100px;
}
.caja560 .pieCaja{
	height: 10px;
	width: 560px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(sprite_fondo_560.png) no-repeat -1120px bottom;
}


.errorBuscar {
	width: 314px;
	height: 65px;
	padding: 20px 10px 10px;
	background-color: #ffc;
	border: 2px solid #fc0;
	margin: 0 auto 0;
	color: #666;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
}

.errorBuscar h3 {
	margin: 0 0 10px;
	font-size: 16px;
}

.publiBuscar {
	margin: 30px auto 0;
	width: 336px;
}


#filtrosBusqueda {
	margin: 0 0 10px;
	height: 180px;
	position: absolute;
	top: 165px;
	right: 40px;
	background-color: #fff;
	border: 1px solid #4d637a;
}
#filtrosBusqueda form {
	margin: 0; padding: 0;
}

#filtrosBusqueda h2 {
	margin: 0 10px;
	font-size: 14px;
}

#filtrosBusqueda td {
	white-space: nowrap;
}

#filtrosBusqueda h3 {
	margin: 0;
	font-size: 14px;
	border-bottom: 2px solid #1F3C5D;
}

#filtrosBusqueda  ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
#filtrosBusqueda label {
	padding-left: 5px;
}

#filtrosBusqueda li {
	margin: 0;
	padding: 0 0;
	list-style: none;
	line-height: 14px;
}

/**** cajas de la ficha interior *******/
.cajaInterior {}
.cajaInterior .tituloCaja { height: 30px; margin: 0 10px 5px}
.cajaInterior .tituloCaja h3 { line-height: 25px; margin: 0; font-size: 14px; float: left;}
.cajaInterior .tituloCaja a.verTodos { float: right; line-height: 25px; font-size: 12px;}

.cajaInterior .item img {margin: 0 0 3px; border-width: 0;}
.cajaInterior .item a {color: #999;
	text-decoration: none;}

.cajaInterior .item { float: left; width: 80px; height: 90px; margin: 5px 0 0 15px; text-align: center; overflow: hidden; position: relative;}


#skinClickIzq, #skinClickDer {display: block; width: 230px; background-color: transparent; position: absolute; top: 0; left: 0; height: 600px; text-decoration: none;}
#skinClickDer {right: 0; left: auto; width: 220px;}

#relacionados230 {
	margin-bottom: 10px;
	width: 300px;
	height: 230px;
	background: transparent url(cajas/fondo_relacionados_300x230.png) no-repeat;
	}

#relacionados420 {
	float: left;
	margin-left: 10px;
	width: 420px;
	height: 250px;
	background: transparent url(cajas/fondo_relacionados_420x250.png) no-repeat;
}

#extra420skin {
	float: left;
	margin-left: 10px;
	width: 420px;
	height: 250px;
}

#relacionados420x140 {
	width: 420px;
	height: 140px;
	background: transparent url(cajas/fondo_relacionados_420x140.png) no-repeat;
}

#relacionados420.cajaInterior .item,
#relacionados420x140.cajaInterior .item {
	margin: 10px 0 0 20px;
	
}



.etiquetita { display: block; position: absolute; background: transparent url(sprite_iconillos.gif) 0 -220px no-repeat; width: 12px; height: 12px; top: 46px; left: 2px;}

.etiquetitaAudio {background-position: 0 -240px;}
.etiquetitaAdulto {background-position: 0 -260px; top: 32px;}


/******** canales destacados *********/
#canales_destacados {
	background: transparent url(cajas/fondo_canales_destacados.png) no-repeat;
	width: 160px;
	height: 190px;
	margin-bottom: 10px;
	padding: 0;
	}

#canales_destacados h3{
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 0 10px;
	
}

#canales_destacados .pegatinas{
	margin: 0 2px;
}

#canales_destacados .pegatinas a {
	float: left;
	margin: 0 0 3px 3px;
}



#canales_destacados img {
	border: 0;
	margin: 0;
	width:48px;
	height: 48px;
}

#canales_destacados .vermas{
	color: #fff;
	line-height: 10px;
	clear: left;
	text-align: center;
	display: block;
	width: 160px;
	}


#enlacesPortada, #featuredPortada, #videoPortada {
	width: 160px;
	height: 330px;
	background: transparent url(cajas/fondo_enlaces_portada.png) no-repeat;
	margin: 0 0 10px;
	position: relative;
}

#featuredPortada {
	background: transparent url(cajas/fondo_featured_portada.png) no-repeat;
	height: 220px;
}

#videoPortada {
	height: 160px;
	background: transparent url(cajas/video_semana.png) no-repeat;
}

#enlacesPortada h3, #featuredPortada h3, #videoPortada h3{
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 0 10px;
	color: #1F3C5D;
}

#videoPortada h3 {color: #fff;}
#videoPortada img {width: 140px; height: 105px; top: 28px; left: 10px; position: absolute; border: 0;}
#videoPortada .titulo {width: 150px; text-align: center; position: absolute; left: 5px; bottom: 5px; color: #fff;}

#enlacesPortada ul, #featuredPortada ul {
	margin: 7px 0 0;
	padding: 0;
	list-style: none;
}

#enlacesPortada li, #featuredPortada li {
	list-style: none;
	padding: 0;
	margin: 0 10px;
	line-height: 17px;
	border-top: 1px solid #eee;
}
#enlacesPortada li.first, #featuredPortada li.first {
	border-width: 0;
}


#enlacesPortada a, #featuredPortada a {
	color: #666;
}

#enlacesPortada .vermas{
	color: #666;
	line-height: 12px;
	text-align: center;
	position: absolute;
	bottom: 7px;
	left: 10px;
	width: 140px;
	}




/******** enlaces a otras webs en la portada ********/

#portales {width: 250px;height: 330px;background: transparent url(cajas/fondo_portales_tematicos.png) 0 -110px no-repeat;position: relative;margin: 0 0 10px;}
#portales h4{padding: 0;margin: 5px 10px -5px;line-height: 20px;font-size: 14px;}
#portales h3{font-weight: bold;color: #fff;font-size: 14px;line-height: 25px;margin: 0;text-align: center;}

#portales .ui-tabs-panel {width: 250px;height: 265px;position: absolute;top: 65px;}
#portales .ui-tabs-panel h4 a,
#portales .ui-tabs-panel h4 a:hover {color: #1F3C5D; font: bold 14px/20px arial, helvetica, sans-serif; text-decoration: none;padding-right: 26px;height: 20px;display: block;}

#portales li, #portales ul {margin: 0;padding: 0;}
#portales li {width: 50px;height: 45px;overflow: hidden;text-indent: -250px;position: absolute;top: 25px;left: 0;background: transparent url(cajas/fondo_portales_tematicos.png) 0 55px no-repeat;}
#portales li a {display: block;width: 50px;height: 50px;text-indent: -250px;}

#portales .hojatab .contenidotab {width: 250px;height: 275px;position: absolute;top: 0;left: 0;background: transparent url(cajas/fondo_portales_tematicos.png) 0 -165px no-repeat;display: none;}


#portales div.activo .contenidotab  { display: block; }
#portales .ui-tabs-nav {width: 250px;height: 55px;}

#portales li#tab_portal_1  {left: 0; background-position: 0 -65px;}
#portales li#tab_portal_2 {left: 50px; background-position: -50px -65px;}
#portales li#tab_portal_3 {left: 100px; background-position: -100px -65px;}
#portales li#tab_portal_4 {left: 150px; background-position: -150px -65px;}
#portales li#tab_portal_5 {left: 200px; background-position: -200px -65px;}

#portales li#tab_portal_1.ui-tabs-selected {background-position: 0 -10px;}
#portales li#tab_portal_2.ui-tabs-selected {background-position: -50px -10px;}
#portales li#tab_portal_3.ui-tabs-selected {background-position: -100px -10px;}
#portales li#tab_portal_4.ui-tabs-selected {background-position: -150px -10px;}
#portales li#tab_portal_5.ui-tabs-selected {background-position: -200px -10px;}

.ui-tabs-hide { display: none; }


#portales .item {display: block;width: 248px;height: 74px;padding: 0;margin: 0;border-top: 1px solid #ccc;}

#portales .item .foto {width: 80px; height: 60px; text-align: center; margin: 7px 10px; float: left; display: inline; overflow: hidden;}
#portales .item img {border-width: 0; width: 80px; height: 60px;float: left;margin: 0;}
#portales .item p {float: left;height: 60px;overflow: hidden;width: 140px;padding: 0;margin: 7px 0 0;font:normal 10px/11px arial, helvetica, sans-serif;}
#portales .item strong.titulo,
#portales .itemOink strong.titulo {color: #1F3C5D; font:bold 12px/15px arial, helvetica, sans-serif;}

#portales .item a {color: #999;text-decoration: none;white-space: nowrap;}
#portales .item a:hover {text-decoration: underline;}


#portales .itemOink { display: block; width: 233px; height: 65px; border-top: 1px solid #ccc; overflow: hidden; padding: 7px 5px 0 10px; margin-bottom: 5px;}
#portales .itemOink p {	margin: 0 0 2px;color: #666; font:normal 10px/12px arial, helvetica, sans-serif;}
#portales .itemOink a {	color: #1F3C5D;	text-decoration: none;}
#portales .itemOink a:hover {text-decoration: underline;}



/******** enlaces a otras webs en la portada ********/




/******** caja de votar *******/

#colDerFicha .herramientasVideo {
	margin-bottom:10px;
	width:300px;
	height:100px;
	background: transparent url(ficha/detalles.png) no-repeat top left;
	position: relative;
}

#extra420skin .herramientasVideo {
	margin-bottom:10px;
	width:420px;
	height:100px;
	background: transparent url(ficha/detalles_skin.png) no-repeat top left;
	position: relative;
	}

#colDerFicha .totalHits {position: absolute; right: 10px; bottom: 7px;}
#extra420skin .totalHits {position: absolute; right: 10px; top: 7px;}


#colDerFicha .numComments {position: absolute; left: 32px; top:10px; font-weight: bold;}
#extra420skin .numComments {position: absolute; left: 32px; top:35px; font-weight: bold;}

#colDerFicha .enviarAmigo {position: absolute; left: 32px; top:30px; font-weight: bold;}
#extra420skin .enviarAmigo {position: absolute; left: 32px; top:55px; font-weight: bold;}

#colDerFicha .addFavoritos {position: absolute; left: 32px; top:50px; font-weight: bold;}
#extra420skin .addFavoritos {position: absolute; left: 32px; top:75px; font-weight: bold;}


#colDerFicha .fechaVideo {position: absolute; left: 10px; bottom: 7px;}
#extra420skin .fechaVideo {position: absolute; left: 10px; top: 7px;}


#cajaVotar {
	margin-bottom:10px;
	width:118px;
	height:53px;
	position: absolute;
	background-color: #fff;
	right: 10px; top: 10px;
	
}
#extra420skin #cajaVotar{
	top: 35px;
	right: 12px;}

#cajaVotar .numVotos{
	position: absolute;
	text-align: center;
	top: 2px;
	width:110px;
	color: #999;
}
#cajaVotar .register{
	position: absolute;
	text-align: center;
	bottom: 2px;
	width:115px;
	color: #999;
}

#fondo_estrellas {
	width: 100px;
	height: 20px;
	background: transparent url(sprite_iconillos.gif) repeat-x 0 -320px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	left: 8px;
}
#estrellas {
	display: block;
	width: 1px;
	height: 20px;
	background: transparent url(sprite_iconillos.gif) repeat-x 0 -300px;
	padding-top: 320px;
	overflow: hidden;
}
#estrellas.star5 {width:10px}
#estrellas.star10 {width:20px}
#estrellas.star15 {width:30px}
#estrellas.star20 {width:40px}
#estrellas.star25 {width:50px}
#estrellas.star30 {width:60px}
#estrellas.star35 {width:70px}
#estrellas.star40 {width:80px}
#estrellas.star45 {width:90px}
#estrellas.star50 {width:100px}


#flechaSig {position: absolute; top: 350px; right: 30px; display: block; width:32px; height: 1px; background: transparent url(icono_sig_ant.png) no-repeat -32px 0; padding: 23px 0 0 0 ; overflow: hidden;}
#flechaAnt {position: absolute; top: 350px; left: 30px; display: block; width:32px; height: 1px; background: transparent url(icono_sig_ant.png) no-repeat 0 0; padding: 23px 0 0 0 ; overflow: hidden;}

#screenshot{
	position:absolute;
	/* border:1px solid #ccc; */
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}