/* css 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;
/*vertical-align: baseline;*/
background: transparent}
body{line-height: 1}
ol, ul{list-style: none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,
q:before, q:after{
content: '';
content: none}
:focus{outline: 0}
ins{text-decoration: none}
del{text-decoration: line-through}
table{
float:center;
border-collapse: collapse;
border-spacing: 0}
/* end css reset */
body{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
color: #000033}
a{
color: #003399}
a:hover{
text-decoration: none}
.derecha{
text-align:right}
.centrado{
text-align: center}
.borde-doble{
border: 2px solid #000}
.borde-simple{
border: 1px solid #000}
ul.lineal li{
display: inline}
.no-visible{
display: none}
input.texto{
border: 1px solid #000;
color: #000033;
padding: 1px 2px;
font-size: 11px;}
#cabecera{
width: 980px;
height: 141px;
margin: 0px auto;
background: url(../img/bg-cabecera.jpg) no-repeat;
position: relative}
h1{
position: absolute;
top: 22px;
left: 298px}
ul#menu{
position: absolute;
left: 0;
top: 120px;
width: 980px; /*safari*/}
ul#menu li{
float: left}
body.ingles a.opcion-menu,
a.opcion-menu{
float: left;
display:block;
height:0 !important;
padding:21px 0 0 0;
text-indent: -10000px;
overflow: hidden;
height /**/: 21px}
body.ingles a.m-home,
/*a.m-home{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll 0px 0px;
width:28px;
margin: 0 0 0 70px;
_margin-left: 35px; /*ie6*/}
/* body.ingles a.m-home:hover,
a.m-home:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll 0px -21px}
a.m-home-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll 0px -42px !important}
a.m-calicoelectronico{
width: 114px;
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -29px 0px}
a.m-calicoelectronico:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -29px -21px !important}
body.ingles a.m-calicoelectronico{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -29px 0px;
width:114px}
body.ingles a.m-calicoelectronico:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -29px -21px !important}
a.m-calicoelectronico-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -29px -42px !important}
body.ingles a.m-calicoelectronico-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -29px -42px !important}
a.m-nikodemoseries{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -143px 0px !important;
width:106px}
body.ingles a.m-nikodemoseries{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -143px 0px !important;
width:118px}
body.ingles a.m-nikodemoseries:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -143px -21px !important}
a.m-nikodemoseries:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -143px -21px !important}
a.m-nikodemoseries-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -143px -42px !important}
body.ingles a.m-nikodemoseries-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -143px -42px !important}
a.m-zonafans{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -249px 0px !important;
width:73px}
body.ingles a.m-zonafans{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -261px 0px !important;
width:72px}
body.ingles a.m-zonafans:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -261px -21px !important}
a.m-zonafans:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -249px -21px !important}
a.m-zonafans-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -249px -42px !important}
body.ingles a.m-zonafans-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -261px -42px !important}
a.m-freestuff{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -322px 0px !important;
width:73px}
body.ingles a.m-freestuff{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -334px 0px !important;
width:73px}
body.ingles a.m-freestuff:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -334px -21px !important}
a.m-freestuff:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -322px -21px !important}
a.m-freestuff-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -322px -42px !important}
body.ingles a.m-freestuff-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -334px -42px !important}
a.m-juegos{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -395px 0px !important;
width:58px}
/*body.ingles a.m-juegos{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -334px 0px !important;
width:73px}
body.ingles a.m-juegos:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -334px -21px !important}*/
/* a.m-juegos:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -395px -21px !important}
a.m-juegos-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -395px -42px !important}
/*body.ingles a.m-juegos-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -334px -42px !important}*/
/*
a.m-calicomovil{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -453px 0px !important;
width:81px}
body.ingles a.m-calicomovil{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -407px 0px !important;
width:90px}
body.ingles a.m-calicomovil:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -407px -21px !important}
a.m-calicomovil:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -453px -21px !important}
a.m-calicomovil-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -453px -42px !important}
body.ingles a.m-calicomovil-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -407px -42px !important}
a.m-tuzonacalico{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -534px 0px !important;
width:95px}
body.ingles a.m-tuzonacalico{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -497px 0px !important;
width:114px}
body.ingles a.m-tuzonacalico:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -497px -21px !important}
a.m-tuzonacalico:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -534px -21px !important}
a.m-tuzonacalico-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -534px -42px !important}
body.ingles a.m-tuzonacalico-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -497px -42px !important}
a.m-websamigas{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -629px 0px !important;
width:87px}
body.ingles a.m-websamigas{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -611px 0px !important;
width:116px; /*118*/ }
/* body.ingles a.m-websamigas:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -611px -21px !important}
a.m-websamigas:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -629px -21px !important}
a.m-websamigas-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -629px -42px !important}
body.ingles a.m-websamigas-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -611px -42px !important}
a.m-ayuda{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -718px 0px !important;
width:50px;
margin: 0 0 0 46px;
_margin-left: 16px}
body.ingles a.m-ayuda{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -730px 0px !important;
margin: 0;
width:51px}
body.ingles a.m-ayuda:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -730px -21px !important}
a.m-ayuda:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -718px -21px !important}
a.m-ayuda-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -718px -42px !important}
body.ingles a.m-ayuda-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -730px -42px !important}
a.m-contacto{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -768px 0px !important;
width:75px}
body.ingles a.m-contacto{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -782px 0px !important;
width:74px}
body.ingles a.m-contacto:hover{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -782px -21px !important}
a.m-contacto:hover{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -768px -21px !important}
a.m-contacto-seleccionado{
background: transparent url(../img/sprite/sp-menu-es.jpg) no-repeat scroll -768px -42px !important}
body.ingles a.m-contacto-seleccionado{
background: transparent url(../img/sprite/sp-menu-en.jpg) no-repeat scroll -782px -42px !important}*/
/* body.ingles a.opcion-menu-seleccionada,
a.opcion-menu-seleccionada{
background-position: 0 -42px
}
*/
/* idiomas */
a.opcion-menu-idioma{
float: left;
display:block;
height:0 !important;
padding:14px 0 0 0;
text-indent: -10000px;
overflow: hidden;
height /**/: 14px}
/* a.opcion-menu-idioma:hover{
background-position: 0 -14px}*/
/* a.idioma-seleccionado{
background-position: 0 -14px !important}*/
a.m-castellano{
/* background: url('../img/m-castellano.jpg') no-repeat 0 0;*/
background: transparent url(../img/sprite/sp-idiomas.jpg) no-repeat scroll 0px 0px;
width:67px;
height: 14px;
position: absolute;
top: 3px;
left: 587px}
a.m-castellano:hover{
background-position: 0 -14px}
a.m-castellano-seleccionado{
background-position: 0 -14px !important}
a.m-english{
/* background: url('../img/m-english.jpg') no-repeat 0 0; */
background: transparent url(../img/sprite/sp-idiomas.jpg) no-repeat scroll -68px 0px;
width:46px;
height: 14px;
position: absolute;
top: 3px;
left: 654px}
a.m-english:hover{
background-position: -68px -14px}
a.m-english-seleccionado{
background-position: -68px -14px !important}
/* fin idiomas */
/* buscador cabecera */
#buscador-home {
position: absolute;
bottom: 28px;
right: 69px;
background: url(../img/i-search.jpg) top left no-repeat;
`background-position: 0 1px;
height: 33px}
body.ingles #buscador-home{
display: none !important}
#buscador-home label {
position: absolute;
font-size: 10px;
top: 15px;
left: 12px}
#buscador-home input, #buscador-home img {
vertical-align: middle;
margin: 0;
padding: 0}
input#i-search {
border: none;
padding-left: 11px;
padding-top: 4px;
background: transparent;
width: 100px;
font-family: verdana, sans-serif;
font-size: 10px}
#buscador-home a.search-menu-trigger img {
padding-top: 6px;
border: none}
#buscador-home div.search-menu-menu {
position: absolute;
top: 30px;
right: 0;
padding: 5px;
background: #d60e16;
text-align: right;
width: 120px;
min-height: 80px;
line-height: 1.2;
border: 1px solid #333}
#buscador-home div.search-menu-menu a {
color: #fff}
a.foro{
position: absolute;
top: 18px;
left: 882px}
body.ingles a.foro {
display: none}
a.tienda{
width: 94px;
height: 15px;
background: transparent url(../img/sprite/sp-tienda-blog.jpg) no-repeat scroll 0px -1px;
position: absolute;
top: 40px;
left: 820px}
body.ingles a.tienda {
display: none}
a.blog{
width: 122px;
height: 15px;
background: transparent url(../img/sprite/sp-tienda-blog.jpg) no-repeat scroll -94px -1px;
position: absolute;
top: 65px;
left: 793px}
#submenu{
width: 996px; /*980*/
height: 20px;
margin: 10px auto 0;
/*background: url(../img/bg-submenu.jpg) no-repeat;*/
background: #fff;
overflow: hidden;
_display:inline-block}
#submenu ul {
/*background: url(../img/separador-submenu.jpg) no-repeat left 3px;*/
/*margin: 1px 0 0 0;*/
_margin-left: 35px;
float: left;
/*padding: 0 0 0 2px; /*por primer separador*/}
#submenu ul li {
float: left;
/*background: url(../img/separador-submenu.jpg) no-repeat right 3px;*/
height: 19px;
/*padding: 0 2px 0 0;*/
border-right: 1px solid #000;}
#submenu ul li a {
/*background: url(../img/submenu.jpg) repeat-x; */
font-weight: bold;
font-size: 11px;
height: 19px;
text-decoration: none;
display: block;
float: left;
padding: 4px 10px 0 10px;
color: #000;
_padding-top: 5px;
font-variant: small-caps;}
#submenu ul li a:hover{color:#f90;}
#submenu ul li a.seleccionada{
color: #003;
background-position: 0 -19px;
background-color:#f90;}
#contenedor{
width: 980px; /*980*/
margin: 0px auto;
background: #fff url(../img/bg-contenido.jpg) repeat-y;
}
#contenido{
background: url(../img/bg-contenido-top.jpg) no-repeat top left;
zoom: 1; /*ie6 fuerza que la imagen de fondo se pinte*/
padding: 20px 0 20px 70px; /*las cajas tienen margen superior*/
overflow: hidden}
/* cajas */
.linea-cajas{
clear: left;
overflow: hidden;
margin: 10px 0 0 0;
/*_display:inline-block;*/
/* background: #ccc;*/}
div.caja{
border: 1px solid #000;
float: left;
background: #000;
margin: 0 10px 0 0}
/* MEDIDAS */
.pequenya {
width: 193px}
.mediana {
width: 399px}
.grande {
width: 608px}
.estrecha-home{
/* para destacados en la home */
width: 173px}
.pequenya-ancha-home{
/*para tienda calico y calico en la web*/
width: 198px}
.grande-home{
width: 422px}
/* COLORES */
.azul-claro{background-color: #000 !important}
.azul-medio{background-color: #000 !important;/*background-color: #c0daff !important*/}
.azul-oscuro{background-color: #000000 !important}
.negra{
background-color: #000 !important;
color: #fff !important}
/* caja interior */
.caja-inner{
padding: 8px 5px}
h2 {
background-color: #0f2c56;
color: #fff;
font-weight: bold;
font-size: 14px;
height: 20px}
h2 img{
display: inline;
margin: 0;
padding: 0}
#bloque-principal{
width: 621px; /* 399 + 2 + 10 + 198 + 2 + 10 */
overflow: hidden;
float: left}
span.stars {
height: 24px;
background: url(../img/stars.jpg) no-repeat;
width: 118px}
span.puntos-0{background-position: 0 0}
span.puntos-1{background-position: 0 -24px}
span.puntos-2{background-position: 0 -48px}
span.puntos-3{background-position: 0 -72px}
span.puntos-4{background-position: 0 -96px}
span.puntos-5{background-position: 0 -120px}
span.stars-m {
height: 18px;
background: url(../img/stars-m.jpg) no-repeat;
width: 89px;
display: block;}
span.puntos-m-0{background-position: 0 0}
span.puntos-m-1{background-position: 0 -18px}
span.puntos-m-2{background-position: 0 -36px}
span.puntos-m-3{background-position: 0 -54px}
span.puntos-m-4{background-position: 0 -72px}
span.puntos-m-5{background-position: 0 -90px}
span.stars-p {
height: 10px;
background: url(../img/stars-p.jpg) no-repeat;
width: 50px;
}
span.puntos-p-0{background-position: 0 0}
span.puntos-p-1{background-position: 0 -10px}
span.puntos-p-2{background-position: 0 -20px}
span.puntos-p-3{background-position: 0 -30px}
span.puntos-p-4{background-position: 0 -40px}
span.puntos-p-5{background-position: 0 -50px}
/* H O M E */
div#caja-capsula-home{
background: #000412 url(../img/bg-capsula-home.jpg) repeat-x top left;
color: #fff;
font-size: 11px;
float:left;
height: 391px;/*ie6 no interpreta el min-height pero height funciona como el min-height*/
min-height:391px}
div#caja-capsula-home div.caja-inner{
padding-bottom: 6px}
div#caja-capsula-home a{
font-weight: bold}
div#caja-capsula-home p#titulo-capsula-home{
font-size: 13px;
margin: 0px 0 6px 3px;
font-weight: bold}
div#caja-capsula-home a.enlace-capsula{
text-decoration: none;
color: #fff}
div#caja-capsula-home a.enlace-capsula:hover{
text-decoration: underline}
img.videohome{
border: 3px solid #000;
margin: 0 0 3px 69px}
/* video en la home
div.videohome{
overflow:hidden;
_display:inline-block;
margin: 0 0 7px 68px;
}
object{
border: 3px solid #000;
float: left;}*/
div#puntuacion-home{
/*clear:left;*/
margin: 0 0 0 0;
font-weight: bold;
overflow: hidden;
_display: inline-block; /* ie6 */}
div#puntuacion-home span{
float: left;}
div#puntuacion-home span.puntuacion{
margin: 6px 10px 0px 20px;}
div#puntuacion-home span.compartir{
margin: 6px 5px 0 10px;}
ul#icos-capsula-home{
float: left;
margin: 4px 0 0 0}
ul#icos-capsula-home li{
float: left;
margin: 0 4px 0 0}
div#ultimo-comentario {
background: #fff;
color: #000033;
margin: 5px 0 0 0;
position: relative;
height: 58px}
div#ultimo-comentario a.ver-todos{
position: absolute;
bottom: 9px;
right: 3px}
div#ultimo-comentario img{
border: 2px solid #000;
position: absolute;
top: 3px;
left: 3px}
div#ultimo-comentario p{
padding: 5px 0 8px 61px}
div#ultimo-comentario p.comentario{
width: 285px;
padding: 0;
position: absolute;
bottom: 9px;
left: 61px}
/*proximos estrenos*/
div#estreno-proxima-capsula{
background: #fff url('../img/bg-xxx.jpg') repeat-x bottom left;
float: left;
margin: 13px 0 5px 0;
_margin-top:5px;}
div#estreno-proxima-capsula img{
border: 1px solid #fff}
div#recibir-mail{
background: #fff url('../img/bg-recibir-mail.jpg') repeat-x bottom left;
height: 68px;
width: 157px;
border: 1px solid #fff;
float: left;
padding: 3px;
margin: 13px 0 5px 10px;
_margin-top: 5px;}
div#recibir-mail img{
float: left}
div#recibir-mail p{
margin: 35px 0 0 0;
clear: left}
p#widget{
margin: 0 0 0 62px}
p#widget a{
color: #fff}
div#pie-capsula-home{
clear: left;
font-size: 10px}
div#pie-capsula-home a{
color: #fff}
div#capitulos-clasicos-capsula-home{
border-top: 1px solid #fff;
margin: 10px 0 0 0;
padding: 6px 0 0 0}
div#capitulos-clasicos-capsula-home span{
margin: 0 0 0 6px;
float:left;
font-weight: bold}
div#capitulos-clasicos-capsula-home ul{
float: left}
div#capitulos-clasicos-capsula-home ul li{
float: left;
border-right: 1px solid #fff;
margin-left: 17px;
padding-right: 17px}
div#capitulos-clasicos-capsula-home ul li.primera{
margin-left: 17px}
div#capitulos-clasicos-capsula-home ul li.ultima{
border: none;
padding-right: 0}
div#home-zonafans{
background: url(../img/bg-zonafans-home.jpg) no-repeat -1px 20px;
height: 191px; /* 171 de alto + 20 del h2*/
position: relative}
div#home-zonafans p.info-zonafans{
position: absolute;
bottom: 8px;
left: 5px;
width: 410px;
font-weight: bold;
font-size: 10px}
div#home-zonafans a.ir-zona-fans{
position: absolute;
bottom: 8px;
right: 5px;
padding-bottom:2px; /*subrayado para ie6*/
font-weight: bold;
font-size: 10px}
div#home-zonafans a.yosoycalico,
div#home-zonafans a.calicoexiste,
div#home-zonafans a.murodelafama,
div#home-zonafans a.calicoporelmundo{
display:block;
height:0 !important;
text-indent: -10000px;
overflow: hidden}
div#home-zonafans a.yosoycalico{
background: url('../img/f-yosoycalico.jpg') no-repeat 0 0;
width:200px;
padding:17px 0 0 0;
height /**/: 17px;
position: absolute;
top:41px;
left:190px}
div#home-zonafans a.calicoexiste{
background: url('../img/f-calicoexiste.jpg') no-repeat 0 0;
width:200px;
padding:16px 0 0 0;
height: 16px;
position: absolute;
top:70px;
left:190px}
div#home-zonafans a.murodelafama{
background: url('../img/f-murodelafama.jpg') no-repeat 0 0;
width:200px;
padding:14px 0 0 0;
height: 14px;
position: absolute;
top:101px;
left:190px}
div#home-zonafans a.calicoporelmundo{
background: url('../img/f-calicoporelmundo.jpg') no-repeat 0 0;
width:200px;
padding:17px 0 0 0;
height: 17px;
position: absolute;
top:125px;
left:190px}
div#home-zonafans ul#usuarios-zonafans {
position: absolute;
top: 77px;
right: 0}
div#home-zonafans ul#usuarios-zonafans li {
width: 62px;
float: left}
div#home-zonafans ul#usuarios-zonafans li img.avatar-zonafans{
border: 2px solid #000}
div#home-zonafans ul#usuarios-zonafans li span{
display: block;
margin: 3px 0 0 1px}
div#destacados-home{
height: 391px; /*ie6 no interpreta el min-height pero height funciona como el min-height*/
min-height: 391px;
position: relative;
font-size: 11px}
div#destacados-home h3 {
margin: 0 0 12px 0;
font-size: 11px}
div#destacados-home p.titulo-post{
margin: 0 0 3px 0}
div#destacados-home img.img-post{
margin-top: 8px;
border: 2px solid #000}
div#destacados-home p.excerpt-post{
margin: 8px 0 0 0}
div#destacados-home ul#listado-posts{
margin: 8px 0 8px 0}
div#destacados-home div#paginacion {
border: 1px solid #333;
margin-top:-1px;
/*position: absolute;*/
bottom: 0;
_bottom: -1px;
left: 0;
height: 23px}
div#destacados-home div#paginacion ul li{
/*background: url(../img/bg-nums.jpg) repeat-x top left;*/
float: left;
padding-right: 5px; padding-left: 5px;
border-right: 1px solid #333;
height: 23px;
_zoom: 1;
width: 17px}
div#destacados-home div#paginacion ul li.seleccionada{ background: #f90;_zoom: 1; }
div#destacados-home div#paginacion ul li.seleccionada a{ color:#fff; font-weight:bold; }
div#destacados-home div#paginacion ul li.ultima{
padding-right: 5px; padding-left: 5px;
border: 0;
height: 23px;
width: 42px}
div#destacados-home div#paginacion ul li a{
color: #999;
text-align:center;
text-decoration: none;
line-height:23px;
display: block;
font-weight: normal}
div#destacados-home div#paginacion ul li a img{
float:left;
margin-right: 5px; margin-top:4px; }
div#calico-movil-home{
height: 191px;
min-height: 191px}
div#calico-movil-home div.caja-inner{
border: 2px solid #000;
margin: 3px;
height: 151px;
position: relative;
padding: 5px 2px}
div#calico-movil-home div.caja-inner a.ir-a-calicomovil{
position: absolute;
bottom: 5px;
right: 5px}
div#calico-movil-home div.caja-inner ul.lista-movil-home li{
margin: 0 0 12px 0}
div#freestuff-home{
height: 191px;
min-height: 191px}
div#freestuff-home div.caja-inner{
border: 2px solid #000;
margin: 3px;
height: 151px;
position: relative;
padding: 5px 2px}
div#freestuff-home div.caja-inner a.ir-a-freestuff{
position: absolute;
bottom: 5px;
right: 5px}
div#freestuff-home div.caja-inner ul.lista-freestuff-home li{
margin: 0 0 12px 0}
div#tiendacalico-home{
position: relative;
overflow: hidden;
height: 191px;
min-height: 191px}
div#tiendacalico-home div.caja-inner{
padding: 3px}
div#tiendacalico-home ul.lista-tiendacalico-home li{
float: left;
width: 91px}
div#tiendacalico-home ul.lista-tiendacalico-home li p.titulo-enlace{
margin: 4px 0}
div#tiendacalico-home ul.lista-tiendacalico-home li.ultima{
margin-left: 8px}
div#tiendacalico-home ul.lista-tiendacalico-home li img{
border: 2px solid #000}
div#tiendacalico-home div.caja-inner a.ir-a-tiendacalico{
position: absolute;
bottom: 5px;
right: 5px}
div#series-home{
position: relative;
overflow: hidden;
height: 130px;
min-height: 130px}
div#series-home ul#lista-series-home li img{
border: 2px solid #000}
div#series-home ul#lista-series-home li.ultima{
margin-left: 2px}
div#series-home a.ir-a-series{
position: absolute;
bottom: 5px;
right: 5px}
div#calicoenlaweb-home {
height: 130px;
min-height: 130px;
overflow: hidden}
div#calicoenlaweb-home ul#redes-sociales {
margin: 10px 0 0 0}
div#calicoenlaweb-home ul#redes-sociales li {
float: left;
margin: 0 6px 6px 0}
/* F I N H O M E */
/* CALICO ELECTRONICO - CAPSULAS */
p.bread-crumb {
margin: 5px 0 20px 0 ;
font-weight: bold}
div.titular{
height: 28px;
width: 609px;
background: url(../img/bg-titulares.jpg) repeat-x top left;
border-top: 1px solid #003;
border-bottom: 1px solid #003}
div.titular h3{
font-size: 11px;
margin: 9px 0 0 5px}
div.caja-negra-capsula{
background: #000;
border-bottom: 1px solid #fff}
p.ultima-capsula{
margin: 5px 0;
font-size: 10px}
a.comentar-home{
margin-left: 20px}
#seccion-capsulas h4 {
font-size: 12px;
margin: 4px 0}
#seccion-capsulas div#ultima-capsula-capsulas {
width: 400px;
/* background: #000;*/
float:left}
#seccion-capsulas div#estrenos-capsulas {
width: 180px; /*190*/
float: left}
#seccion-capsulas div#reproductor-capsula-capsulas {
margin: 0 0 15px 65px;
padding-top: 20px;
overflow:hidden;
_display:inline-block;}
#seccion-capsulas #contenido-video-capsula{
background: #000 url(../img/bg-videos-capsulas.jpg) repeat-x top left;
padding: 0 0 10px 0;
}
#seccion-capsulas #comentario-capsula-capsulas {
background: #fff;
margin: 0 5px;
padding: 5px 10px}
#seccion-capsulas #comentario-capsula-capsulas p.comentario{
margin: 5px 0 0 0}
p.indice-capsulas{
margin: 10px 10px 10px 0}
#seccion-capsulas p.indice-capsulas a{
color: #fff}
/*botones de descargas*/
body.ingles #btndescarga,
body.ingles #btndescargatelo {
display: none}
/*estrenos capsulas segunda columna*/
#estrenos-capsulas{
margin: 0 0 0 7px}
#estrenos-capsulas p.proxima-capsula{
margin: 30px 0 20px 0;
font-weight: bold}
#estrenos-capsulas div#objeto-estreno-capsulas{
margin: 20px 0}
/*capitulos clasicos capsulas*/
#capitulos-clasicos-capsulas{
width: 400px;
min-height: 385px;
_height: 385px}
#capitulos-clasicos-capsulas h4 {
font-size: 12px;
margin: 4px 0}
#capitulos-clasicos-capsulas a{
color: #fff}
ul#lista-capitulos-clasicos-capsulas li {
border-right: 1px solid #fff;
margin-right: 10px;
padding-right: 10px}
ul#lista-capitulos-clasicos-capsulas li.ultima {
border: 0}
#capitulos-clasicos-capsulas #contenido-video-capitulo-clasico{
background: #000 url(../img/bg-videos-capsulas.jpg) repeat-x top left;
padding: 0 0 10px 0}
div.titular-solo{
height: 28px;
background: url(../img/bg-titulares.jpg) repeat-x top left;
border-bottom: 1px solid #003}
div.titular-solo h3{
font-size: 11px;
margin: 0px 0 0 5px;
padding-top: 8px;
color: #003}
ul.lista-datos-video {
margin: 10px 0 6px 0;
font-size: 10px;
overflow:hidden;
_display:inline-block;}
ul.lista-datos-video li {
border-right: 1px solid #fff;
margin: 3px 7px 0 0;
padding: 0 7px 0 0;
float: left}
ul.lista-datos-video li.primera,
ul.lista-datos-video li.ultima {
border-right: 0}
ul.lista-datos-video li span {
float:left}
ul.lista-datos-video span.stars-m {
margin: -3px 0 0 8px}
#reproductor-capitulo-clasico-capsulas{
margin: 0 0 20px 37px;
padding-top: 10px;
overflow:hidden;
_display:inline-block;}
#historia-capsulas{
width:196px;
min-height: 385px;
_height: 385px}
#historia-capsulas img{
margin: 8px 0 0 8px}
#historia-capsulas p{
padding: 8px}
/*personajes en capsulas*/
#personajes-capsulas{
width: 607px}
#personajes-capsulas p {
margin: 5px 0 10px 0}
/* seccion capsulas */
#indice-capsulas{}
#indice-capsulas p.selecciona-mes {
background: #000;
padding: 10px;
color: #fff;
font-weight: bold}
#indice-capsulas div#titulo-indice-capsulas {
position: relative}
#indice-capsulas div#formulario-indice-capsulas {
position: absolute;
top:3px;
right:5px}
#indice-capsulas div#formulario-indice-capsulas form{
display: inline}
#indice-capsulas div.mes {
padding: 10px 0 10px 10px}
#indice-capsulas div.mes a{
padding: 0 0 0 17px;
background: url(../img/lista-off.jpg) no-repeat left center}
#indice-capsulas div.mes a.seleccionado{
background: url(../img/lista-on.jpg) no-repeat left center}
#indice-capsulas div.listado-mensual-capsulas ul {
overflow: hidden;
height:170px;
padding: 10px 0 0 0;
background: #000}
#indice-capsulas div.listado-mensual-capsulas ul li {
float: left;
width: 110px;
min-height:170px;
_height:170px;
margin: 0 0 0 8px;
color: #fff}
#indice-capsulas div.listado-mensual-capsulas ul li img {
margin: 0 0 5px 0}
#indice-capsulas div.listado-mensual-capsulas ul li p {
margin: 0 0 5px 0}
#indice-capsulas div.listado-mensual-capsulas ul li a {
color: #fff}
#indice-capsulas div.listado-mensual-capsulas ul li p.visitas {
margin: 8px 0 0 0}
/* visionado de capsulas */
#visionado-capsulas{}
div.negra h4{
font-size: 12px;
padding: 4px 0}
#titulo-capsulas-capsula{
position: relative}
#titulo-capsulas-capsula span.volver-al-indice {
position: absolute;
top: 9px;
left: 160px;
font-weight: bold;
font-size: 11px}
#visor-videos-grande{
margin: 0 0 20px 67px;
padding: 20px 0 0 0;
overflow: hidden;
_display: inline-block;}
#visor-videos-grande-clasicos{
margin: 0 0 20px 2px;
padding: 20px 0 0 0;
overflow: hidden;
_display: inline-block;}
#espacio-video-grande {
background: #000 url(../img/bg-video-grande.jpg) repeat-x top left;
color: #fff;
padding: 0 0 10px 0;
_margin: -10px 0 0 0;}
#espacio-video-grande span.vota {
display: block;
margin: 7px 8px 0 10px}
#espacio-video-grande span.compartir {
display: block;
float: left;
margin: 7px 8px 0 0}
#espacio-video-grande ul.lista-datos-video{
margin: 0}
#espacio-video-grande ul.lista-datos-video li ul#icos-capsula-grande{
float: left;
margin: 0}
#espacio-video-grande ul li {
border: 0 !important;
padding: 0;
margin: 0 3px 0 0}
#espacio-video-grande ul li.enlaces {
padding: 0 0 0 5px}
#espacio-video-grande ul li.enlaces a {
margin: 0 10px 0 0;
color: #fff !important}
#botones-video-grande{
width: 609px;
padding: 0 0 10px 0}
#botones-video-grande img{
float: left;
margin: 0 8px 0 0}
#botones-video-grande img.ultima{
margin: 0 8px 0 0}
#comentarios-capsulas{
width: 609px;
float: left;}
#comentarios-capsulas div.comentario-capsula {
border-bottom:1px solid #000;
min-height: 68px;
_height: 68px;}
#comentarios-capsulas div.comentario-capsula p.user{
padding: 5px 0 0 70px}
#comentarios-capsulas div.comentario-capsula p.user a{
font-weight: bold;
font-size: 12px}
#comentarios-capsulas div.comentario-capsula p.comentario{
padding: 10px 0 0 70px;
line-height: 1.5em}
#comentarios-capsulas div.comentario-capsula img{
float: left}
#comentarios-capsulas div.titular-solo{
position: relative}
#comentarios-capsulas div.titular-solo a{
position: absolute;
top: 3px;
right: 3px;}
#formulario-comentario{}
#formulario-comentario textarea{
border: 1px solid #000;
height: 100px;
width: 410px;
margin: 10px 0;
font-family: helvetica, arial, verdana, sans-serif;
color: #003;
font-size: 12px;
padding:2px}
#quien-puso-capitulos{
width: 298px;
float: left;}
#quien-puso-capitulos div.quien-capsula {
border-bottom:1px solid #000}
#quien-puso-capitulos div.quien-capsula p {
margin: 0 0 7px 0;}
#caja-mensaje-capsulas{
width: 609px;
float: left;
_float: none;
margin: 10px 0;
border: 1px solid #000;
position: relative}
#caja-mensaje-capsulas a.cerrar-mensaje-capsula{
position: absolute;
top: 3px;
right: 3px}
#caja-mensaje-capsulas input{
border: 1px solid #000;
width: 550px}
#caja-mensaje-capsulas p{
margin: 0 0 10px 0}
#caja-descarga-capsulas{
width: 609px;
zoom: 1;
float: left;
_float: none;
margin: 10px 0;
border: 1px solid #000;
position: relative}
#caja-descarga-capsulas a.cerrar-descarga-capsula{
position: absolute;
top: 3px;
right: 3px}
a.enlace-moviles{
position: absolute;
top: 105px;
right: 195px}
p.moviles{
position: absolute;
top: 75px;
right: 78px}
#caja-enviar-amigo{
background: url(../img/punto.jpg) repeat-y 306px 10px;
width: 609px;
zoom: 1;
float: left;
_float: none;
margin: 10px 0;
border: 1px solid #000;
position: relative}
#caja-enviar-amigo textarea{
padding: 3px;
font-family: arial, sans-serif;
border: 1px solid #000;
width: 285px;
_width: 280px;
height: 75px;
margin: 0 0 10px 0}
#caja-enviar-amigo p{
margin: 0 0 10px 0}
#caja-enviar-amigo a.cerrar-enviar-amigo{
position: absolute;
top: 3px;
right: 3px}
#caja-enviar-amigo #col1{
width:290px;
margin: 0 18px 0 0;
float:left}
#caja-enviar-amigo p.info{
width: 180px}
#caja-enviar-amigo #col2{
width:290px;
float:left}
#visionado-capitulo-clasico ul.navegacion-videos{
overflow: hidden;
_display: inline-block;}
#visionado-capitulo-clasico ul.navegacion-videos li {
float: left;
border-right: 1px solid #fff;
padding: 0 15px 0 0;
margin: 10px 15px 10px 0;
color: #fff}
#visionado-capitulo-clasico ul.navegacion-videos li.ultima {
border: 0}
#visionado-capitulo-clasico ul.navegacion-videos li a {
color: #fff}
div#imagen-navegacion-1,
div#imagen-navegacion-2,
div#imagen-navegacion-3 {
padding: 5px;
width: 192px;
float: left}
div#imagen-navegacion-1.seleccionada,
div#imagen-navegacion-2.seleccionada,
div#imagen-navegacion-3.seleccionada{
background: #000 url(../img/bg-user-info.jpg) repeat-x bottom left}
div.listado-negro-capsulas{
background: #000;
clear:left;
width:609px;
overflow: hidden;
_display: inline-block}
div.listado-negro-capsulas{
background: #000;
clear:left;
padding: 0 0 20px 0}
div.listado-negro-capsulas ul{
margin: 10px 0 0 0}
div.listado-negro-capsulas ul.capitulos {
clear:both
}
div.listado-negro-capsulas ul li{
float: left;
margin: 0 0 0 11px;
_margin: 0 0 0 8px;}
div.listado-negro-capsulas ul li p.puntos{
margin: 0 0 0 0}
div.listado-negro-capsulas ul li p.visitas{
color: #fff}
div.borde-blanco-top{
border-top: 1px solid #fff}
/* FIN CALICO ELECTRONICO - CAPSULAS */
#bloque-lateral{
width: 230px; /* 220 + 10 = 230*/
overflow: hidden;
float: left}
#bloque-lateral .caja {
width: 218px}
img.img-publicidad,
img.img-publicidad-primera {
border: 1px solid #000}
img.img-publicidad {
margin: 10px 0 0 0}
div#nikodemoseries-lateral{}
div#nikodemoseries-lateral img {
margin-bottom: 5px}
div#registro-home {
min-height: 210px;
_height: 210px; /*ie6*/}
div#registro-home form {
margin: 10px 0 0 0}
div#registro-home input.texto {
width: 110px;
margin-left: 5px}
div#registro-home p.campo {
margin: 0 0 5px 0}
div#registro-home p.enviar {
margin: 9px 0 0 0}
/*cualquier error*/
div.error{
background: url(../img/ico-error.jpg) no-repeat top left;
margin: 10px 0 0 0;
zoom:1; /*ie6 para que cargue el icono*/}
div.error p{
margin-left: 20px;
color: #cc0000}
/*info de usuario loginado*/
div#info-user-home {
background: #000 url(../img/bg-user-info.jpg) repeat-x 0 -33px;
color: #fff}
div#info-user-home div.caja-inner {
position: relative;
padding: 7px}
div#info-user-home div.caja-inner a{
color: #fff}
div#info-user-home div.caja-inner a.logout{
position: absolute;
top: 4px;
_top: 7px;
right: 8px}
div#info-user-home div.caja-inner img.img-user{
border: 2px solid #000;
float:left}
div#info-user-home div.info-usuario {
padding-left: 104px;
margin: 20px 0 0 0}
div#info-user-home div.caja-inner p.nombre-user{
font-size: 13px;
margin: 0 0 12px 0}
div#info-user-home div.caja-inner p.puntos-user{
font-size: 11px;
margin: 0 0 3px 0}
div#info-user-home div.caja-inner ul {
clear: left;
margin: 12px 0 8px 3px}
div#info-user-home div.caja-inner ul li.primera{
border-right: 1px solid #fff;
margin-right: 8px;
_margin-right: 14px;
padding-right: 12px}
div#pie-registro-home {
width: 218px;
border: 1px solid #333;
margin-top: -2px;
color:#fff;
height: 23px;
float: left}
div#pie-registro-home .enlace-registro{
color:#f90;
text-decoration: none;
}
div#pie-registro-home.loginado{
height: 100%;
width: 208px;
padding:5px;}
div#pie-registro-home p{
padding: 5px 5px 5px 0}
div#pie-registro-home p.quedan,
div#pie-registro-home p.participa,
div#pie-registro-home p.vota{
padding: 0;}
div#pie-registro-home p.quedan{
padding: 5px 0 0 0}
div#pie-registro-home p.participa{
clear: left;
padding: 10px 0 0 0}
div#pie-registro-home img.proxima-estrella{
float: left}
div#pie-registro-home p.quedan{
float: left;
font-weight: bold;
width: 90px;
margin: 0 0 0 5px}
div#pie-registro-home span.puntos-user {
font-weight: bold;
font-size: 13px;
float:left;
padding: 11px 0 0 7px}
/*login home*/
div#login-home{
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
min-height: 180px;
_height: 180px;
width: 208px;
padding: 5px;
clear: left;
position: relative}
div#login-home form {
margin: 10px 0 0 0}
div#login-home input.texto {
width: 110px;
margin-left: 5px}
div#login-home p.campo {
margin: 0 0 5px 0}
div#login-home p.enviar {
margin: 9px 0 0 0}
div#login-home a.cerrar {
position: absolute;
top: 5px;
right: 5px}
div#login-home p.enlace-olvide1 {
margin-top: 15px}
div#login-home p.enlace-olvide2 {
margin: 15px 0 15px 0}
/*caja ventajas home*/
div#ventajas-home {
height: 146px;
min-height: 146px;
overflow: hidden}
ul#home-ventajas{
margin: 0 0 12px 0}
ul#home-ventajas li {
margin: 0 0 4px 0;
padding: 0 0 0 10px;
background: url(../img/punto-lista-home.jpg) no-repeat 1px 6px}
div#newsletter-home {}
div#newsletter-home form {
margin: 10px 0 0 0}
div#newsletter-home input.texto {
width: 200px;
_width: 196px;
margin-left: 5px}
div#newsletter-home p.enviar {
margin: 10px 0 0 0}
/*mensaje en ventana que aparece por javascript*/
div#caja-mensaje{
width: 608px;
float: left;
border: 1px solid #000;
margin-bottom: 10px;
_margin-bottom: 0;/*ie6*/
position: relative;}
div#caja-mensaje a.cerrar-mensaje{
position: absolute;
top: 5px;
right: 5px}
div#caja-mensaje p.info-mensaje {
margin: 25px 0 0 0}
div#caja-mensaje p.bread-crumb-mensaje {
margin: 10px 0 10px 0}
/*widtget faltan dias*/
div#reproductor-lateral-widtget{
margin: 0 0 10px 9px}
p.y-en-la-proxima-lateral{
margin: 35px 0 10px 0;
font-weight: bold}
/* S E R I E S */
#informacion-serie{
position: relative;
width: 599px;
min-height: 127px;
_height: 127px}
#informacion-serie p.titular-serie {
font-weight: bold;
font-size: 13px;
margin: 0 0 5px 0;
width: 350px}
#informacion-serie p.p-info-serie {
width: 355px;
margin: 0 0 10px 0;}
#informacion-serie img#imagen-serie {
position: absolute;
top:0;
right:0}
/* F I N S E R I E S */
/* resultados de busqueda */
#info-busqueda {
background: #000;
padding: 10px;
color: #fff;
overflow: hidden;
_display: inline-block}
#info-busqueda p#informacion-resultados{
width: 400px;
float: left}
#info-busqueda ul#resultados-anterior-siguiente{
float: right}
#info-busqueda ul#resultados-anterior-siguiente li {
float: left;
border-right: 1px solid #fff;
margin-left: 10px;
padding-right:10px}
#info-busqueda ul#resultados-anterior-siguiente li a {
color: #fff}
#info-busqueda ul#resultados-anterior-siguiente li.ultima {
border: 0;
padding-right: 0}
#navegacion-resultados{
padding: 10px;
color: #000;
font-weight: bold;
border-right:1px solid #333;
border-left:1px solid #333;}
#navegacion-resultados ul {
display: inline;
margin-left: 20px}
#navegacion-resultados ul li {
display: inline;
border-right: 1px solid #000;
margin-right: 10px;
padding-right: 10px}
a#volver-a-indice-capsulas {
position: absolute;
top: 9px;
left: 128px;
font-weight: bold}
#resultados-busqueda {border-right:1px solid #333;border-left:1px solid #333;}
#resultados-busqueda div.elemento-resultado {
clear: both;
overflow: hidden;
_display: inline-block;
background: url(../img/bg-elementoresultado.jpg) repeat-y top left;
border-top: 1px solid #333}
#resultados-busqueda div.elemento-resultado div.info-principal {
float: left;
width: 428px;
border-right:1px solid #333;
position: relative;
min-height: 110px;
_height: 110px}
#resultados-busqueda div.elemento-resultado div.info-principal img {
position: absolute;
top: 5px;
left: 5px}
#resultados-busqueda div.elemento-resultado div.info-principal p.titulo-resultado {
margin: 10px 0 10px 110px}
#resultados-busqueda div.elemento-resultado div.info-principal p.titulo-resultado a {
font-weight: bold;
font-size: 13px}
#resultados-busqueda div.elemento-resultado div.info-principal p.descripcion-resultado {
margin: 0 10px 10px 110px}
#resultados-busqueda div.elemento-resultado div.info-adicional {
float: right;
width: 180px}
#resultados-busqueda div.elemento-resultado div.info-adicional p.momento-carga {
font-weight: bold;
text-align: right;
margin: 10px 8px 5px 0}
#resultados-busqueda div.elemento-resultado div.info-adicional div.puntuacion-resultado {
color: #fff;
background-color: #000;
padding: 10px 0 10px 15px}
#resultados-busqueda div.elemento-resultado div.info-adicional div.puntuacion-resultado span {
float: left}
#resultados-busqueda div.elemento-resultado div.info-adicional div.puntuacion-resultado span.stars-m {
margin: -3px 5px 0 10px}
#resultados-busqueda div.elemento-resultado div.info-adicional div.puntuacion-resultado p.puntuaciones-resultado{
margin: 6px 10px 0 0;
clear:left;
text-align: right}
#resultados-busqueda div.elemento-resultado div.info-adicional p.comentarios-resultado {
padding: 5px 0 0 22px;
background: url(../img/default_new/comments.jpg) no-repeat left center;
height: 15px;
margin: 5px 0 0 5px}
#resultados-busqueda div.elemento-resultado div.info-adicional ul.iconos-user {
margin: 5px 0 5px 5px;
overflow: hidden;
_display:inline-block;}
#resultados-busqueda div.elemento-resultado div.info-adicional ul.iconos-user li{
float: left}
#resultados-busqueda div.elemento-resultado div.info-adicional ul.iconos-user a {
display: block;
width: 30px;
height: 16px;
padding: 6px 0 0 25px}
#resultados-busqueda div.elemento-resultado div.info-adicional ul.iconos-user a.video-usuario {
background: url(../img/ico-video-user.jpg) no-repeat left center}
#resultados-busqueda div.elemento-resultado div.info-adicional ul.iconos-user a.foto-usuario {
background: url(../img/ico-foto-user.jpg) no-repeat left center}
#resultados-busqueda div.elemento-resultado div.info-adicional ul.iconos-user a.favoritos-usuario {
background: url(../img/ico-favoritos.jpg) no-repeat left center}
#pie-resultados-busqueda{
position: relative;
height: 53px;
clear: both;
background: #000 url(../img/bg-pie-resultados.jpg);
width: 609px;
border: 1px solid #000;
border-top: 0}
div#pie-resultados-busqueda div#paginacion {
border: 1px solid #000;
border-top: 0;
position: absolute;
top: 0;
left: 208px;
height: 23px}
div#pie-resultados-busqueda div#paginacion ul li{
background: url(../img/bg-nums.jpg) repeat-x top left;
float: left;
padding: 5px 0 0 7px;
border-right: 1px solid #000;
height: 18px;
_zoom: 1;
width: 17px}
div#pie-resultados-busqueda div#paginacion ul li.seleccionada{
background: url(../img/bg-num-activo-destacado.jpg) repeat-x top left;
_zoom: 1}
div#pie-resultados-busqueda div#paginacion ul li.ultima{
padding: 4px 0 0 6px;
border: 0;
height: 19px;
width: 42px}
div#pie-resultados-busqueda div#paginacion ul li a{
color: #fff;
text-decoration: none;
display: block;
font-weight: bold}
div#pie-resultados-busqueda div#paginacion ul li a img{
float:left;
margin-right: 5px}
div#pie-resultados-busqueda p {
padding: 30px 0 0 0;
text-align: center;
color: #fff}
/* fin resultados de busqueda */
/* home Nikodemo series */
#visionado-home-series{
border-top: 1px solid #000;
overflow: hidden;
_display:inline-block}
#visionado-home-series #reproductor-home-series {
margin: 7px 0 10px 9px}
#visionado-home-series ul {
margin: 0 0 0 9px}
#visionado-home-series ul li {
float: left;
width: 113px;
min-height: 105px;
_height: 105px;
margin-right:6px}
#visionado-home-series ul li p {
text-align: center;
margin: 5px 0}
#destacado-series {
width: 400px;
float: left;
min-height: 385px;
background: #000 url(../img/bg-videos-capsulas.jpg) repeat-x top left;
_height: 385px}
#destacado-series div#reproductor-destacado-series {
margin: 0 0 15px 40px;
padding-top: 5px;
overflow: hidden;
_display: inline-block}
#datos-video-destacado-series {
overflow: hidden;
_display: inline-block}
#destacado-series span{
float: left}
#destacado-series span.vota{
margin: 7px 15px 0 30px}
#destacado-series span.compartir{
margin: 7px 3px 0 10px;}
#destacado-series ul{
float: left;
margin: 4px 0 0 4px}
#destacado-series ul li{
float: left;
margin: 0 5px 0 0}
#destacado-series #comentario-destacado-series {
background: #fff;
margin: 15px 5px 0 5px;
color: #003;
padding: 5px 10px;
clear: left;}
#destacado-series #comentario-destacado-series p.comentario{
margin: 5px 0 0 0}
p.indice-capsulas{
margin: 10px 10px 10px 0}
#destacado-series p.indice-capsulas a{
color: #fff}
#curiosidades-series{
width:196px;
min-height: 385px;
_height: 385px;
position: relative;}
#curiosidades-series img{
margin: 8px 0 0 8px}
#curiosidades-series p{
padding: 8px}
/* personajes */
#lista-personajes {
width: 609px;
_width: 597px;
overflow: hidden;
_display: inline-block;
position: relative}
#lista-personajes ul {
margin: 0 0 0 38px;
_margin: 0 0 0 30px;}
#lista-personajes ul li {
float: left;
width: 127px;
padding: 3px 3px 0 3px}
#lista-personajes ul li.seleccionada {
background-color: #c0daff}
#lista-personajes ul li.seleccionada a{
text-decoration: none}
#lista-personajes ul li p {
text-align: center;
font-weight: bold;
padding: 3px 0 8px 0}
#lista-personajes a.anteriores{
position: absolute;
top: 50px;
left: 4px}
#lista-personajes a.siguientes{
position: absolute;
top: 50px;
right: 4px;}
#info-personaje{
background-color: #c0daff;
overflow: hidden;
_display:inline-block;
width: 609px;
min-height: 192px;
_height: 192px;}
#info-personaje img {
float: left;
margin: 10px}
#info-personaje p.nombre-personaje {
margin: 12px 0 10px 0;
font-weight: bold;
font-size: 14px}
#info-personaje p {
padding: 0 5px 10px 190px}
#capitulos-personaje {
background: #000 url(../img/bg-user-info.jpg) repeat-x top left;
border-top: 1px solid #000;
color: #fff;
font-weight: bold;
padding: 10px 20px;
width: 569px;
overflow: hidden;
_display:inline-block;}
#capitulos-personaje p.titulo-capitulos-personajes {
font-size: 13px}
#capitulos-personaje ul {
margin: 0 0 0 0}
#capitulos-personaje ul li{
float: left;
width: 89px;
margin: 15px 5px 0 0}
#capitulos-personaje ul li img{
border: 1px solid #fff;
margin: 6px 0 4px 0}
#capitulos-personaje ul li p.visitas{
margin: 4px 0}
/* fin personajes */
/* carousel estatico de personajes en home calico */
#personajes-capsulas #lista-personajes {
width: 597px} /*602*/
#lista-personajes ul {
margin: 0 0 0 32px}
#lista-personajes a.anteriores{
left: 0;}
/* fin carousel estatico */
/* RESULTADOS BUSCAR */
#formulario-buscar{
height: 25px;
position: relative}
#formulario-buscar select#tipoBusqueda{
border: 1px solid #000;
position: absolute;
top: 0;
left: 1px;
width: 229px}
#formulario-buscar input#busqueda{
border: 1px solid #000;
padding: 0 3px;
height: 18px;
width: 235px;
position: absolute;
top: 0;
left: 235px}
#formulario-buscar input#boton-buscar{
position: absolute;
top: 0;
left: 482px}
#info-busqueda-realizada{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: relative;
width: 609px}
#info-busqueda-realizada p.numero-resultados{
width: 320px;
margin: 10px 0 0 0}
#info-busqueda-realizada div.paginacion-resultados{
position:absolute;
bottom: 10px;
right: 10px}
#info-busqueda-realizada div.paginacion-resultados a{
font-weight: bold}
#info-busqueda-realizada div.paginacion-resultados ul{
display: inline;
margin: 0 0 0 2px}
#info-busqueda-realizada div.paginacion-resultados ul li{
display: inline;
margin: 0 2px 0 0}
/* fin RESULTADOS BUSCAR */
#pie{
width: 980px; /*980*/
margin: 0px auto;
background: url(../img/bg-pie-top.jpg) no-repeat top left;
position: relative}
#pie img#nikodemo{
width: 114px;
height: 41px;
background: transparent url(../img/sprite/sp-logos.jpg) no-repeat scroll -386px 0px}
#pie p {
text-align: center;
color: #fff;
padding-top: 15px;
font-size: 11px}
#pie ul{
position: absolute;
top: 0;
right: 40px;
overflow: hidden}
#pie ul li{
float: left;
margin: 15px 0 0 10px;
padding: 0 0 0 10px;
border-left : 1px solid #fff}
#pie ul li.primera{
border: 0}
#pie ul li a{
color: #fff;
text-decoration: none;
font-size: 11px;
padding-bottom: 3px}
#pie-inner{
padding-bottom: 200px;
background: url(../img/bg-pie.jpg) repeat-y}
#pie-inner p{
text-align: center}
/* Redes sociales */
#mod_redessociales{
float: left;
width: 221px;
}
#mod_redessociales table{
margin: 0 auto;
}