@charset "utf-8";
/**************************************************************************
CSS DOCUMENTO - 20081008@JCP
***************************************************************************/

/**************************************************************************
RESET
***************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
/**************************************************************************
PARÁMETROS GENERALES
***************************************************************************/
* {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
body {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:#000000 url(../imagenes/bg/body.gif) repeat top center;}
img {border:none;}
a {color:#000000; text-decoration:none;}
a:focus {outline:none;}
.fleft {float:left;}
.fright {float:right;}
.limpia {clear:both;}
.hide {display:none;}
p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:justify;}
li {list-style-position:outside; list-style-type:none;}
.capaTable {display: table; height: 100%; overflow: hidden;}
.capaCell {display: table-cell; vertical-align: middle;}
.imgBlock {display:block;}
/**************************************************************************
ESTRUCTURA
***************************************************************************/
#backContainer {background-image:url(../imagenes/bg/container.gif); background-repeat:no-repeat; background-position:center top; min-height:810px;}
#container {width:980px; margin:0px auto 0px auto;}
#main {float:left; width:662px;}
.capaCategoria {float:left; padding:0px 0px 0px 0px; width:980px;}
#home {background:#FFFFFF url(../imagenes/bg/home.gif) no-repeat;}
#misFelicitaciones {background:#FFFFFF url(../imagenes/bg/felicitaciones.gif) no-repeat;}
#videofelicitacion {background:#FFFFFF url(../imagenes/bg/videofelicitacion.gif) no-repeat;}
#anaComentario {background:#FFFFFF url(../imagenes/bg/anadir_comentario.gif) no-repeat;}
#enviarAmigo {background:#FFFFFF url(../imagenes/bg/enviaramigo.gif) no-repeat;}
#anaContactar {background:#FFFFFF url(../imagenes/bg/contactar.gif) no-repeat;}
#felicitame {background:#FFFFFF url(../imagenes/bg/felicitame.gif) no-repeat;}
.otraClase {background:url(../imagenes/bg/footer.gif) no-repeat bottom right; float:left; min-height:1210px;}
#footer {text-align:right; height:37px; background-color:#FFFFFF; margin:0px 0px 0px 0px;}
#felicitaDesta, #felicitaDesta-2 {background:url(../imagenes/bg/videos.gif) repeat-y; height:491px; width:606px; margin:0px 0px 17px 46px; padding: 5px 5px 5px 5px;}
#felicitaDestaDetails {background:url(../imagenes/bg/videos.gif) repeat-y; height:491px; width:606px; margin:0px 0px 17px 46px; padding: 5px 5px 5px 5px;}
.principalHome {/*margin:327px 0px 0px 0px;*/}
.prinFelici {/*margin:361px 0px 0px 0px;*/}
#sidebar {float:left; width:318px;}
#header ul {float:left; background-color:#FFFFFF; width:980px; padding:0px 0px 0px 0px;}
#header ul li {float:left;}
#header ul li img {display:block;}
.quedan {background:url(../imagenes/bg/quedan.gif) no-repeat; width:123px; height:36px; color:#e95f21; font-size:18px; padding:20px 0px 0px 70px; margin:55px 0px 0px 465px;}
.videosContent {padding:0px 0px 0px 55px;}
.fichaVideos {float:left; margin:0px 20px 30px 20px; font-size:10px;}
.videosContent .last {margin:0px 0px 30px 20px;}
.ultiVide {padding:5px 5px 5px 5px; width:246px; border:#cbcaca solid 1px; margin:0px 0px 8px 0px;}
.verTodas {margin:0px 0px 0px 42px;}
.fichaVideos p {padding:0px 0px 0px 5px; float:left; width:150px; margin:0px 0px 0px 0px;}
.color1 {color:#9c9c9c;}
.color2, .botControl a:hover, .formComenta label, .formComenta span {color:#e95f21;}
.color3 {color:#2a5d6a;}
.color4 {color:#2a5d6a;}
.color5 {color:#515150;}
.MySpace {width:140px; height:29px; padding:113px 0px 0px 100px; margin:0px 0px 0px 75px;}
.icoMy {margin:0px 0px 0px 75px;}
#tequila {background:url(../imagenes/bg/tequila.gif) no-repeat;}
#columpio {background:url(../imagenes/bg/columpioasesino.gif) no-repeat;}
#episodio {background:url(../imagenes/bg/episodio.gif) no-repeat;}
.icoEscu {float:left; width:12px; padding:10px 0px 0px 0px;}
.MySpace p {float:left; padding:0px 0px 0px 5px; line-height:10px; font-size:9px; width:120px;}
.MySpace p strong a {color:#949494;}
.MySpace p strong a:hover {text-decoration:underline;}
.paginacion {background:url(../imagenes/bg/paginacion.gif) no-repeat; width:620px; height:18px; margin:0px 0px 0px 42px; line-height:18px; color:#FFFFFF; font-size:10px;}
.anterior {background:url(../imagenes/iconos/pagi-left.gif) no-repeat center left; padding:0px 0px 0px 13px; font-size:9px; float:left; margin:0px 0px 0px 7px;}
.siguiente {background:url(../imagenes/iconos/pagi-right.gif) no-repeat center right; padding:0px 13px 0px 0px; font-size:9px; float:right; margin:0px 7px 0px 0px;}
.paginacion a {color:#0b3020;}
.paginacion p {float:left; width:479px; text-align:center; font-weight:bold;}
.paginacion p a {text-decoration:underline;}
.paginacion p span {padding:0px 7px 0px 0px;}
.volver {margin:70px 0px 7px 590px;}
.agotadas {margin:55px 0px 7px 520px;}
#faltan {z-index:10; position:absolute; background:url(../imagenes/bg/pegata.gif) no-repeat; width:85px; height:85px; margin:218px 0px 0px 902px; font-family:"Times New Roman", Times, serif; font-size:35px; color:#FFFFFF;}
#faltan strong {padding:15px 0px 0px 27px; float:left;}
.content {padding:0px 0px 0px 57px;}
.text1 {padding:0px 0px 0px 30px;}
.videoDeta {float:right; text-align:right; padding:0px 5px 0px 0px;}
.sepAlt {padding:6px 10px 0px 0px; color:#515150; text-align:left;}
.botControl {padding:10px 0px 32px 0px;}
.botControl strong {border-right:#e95f21 solid 1px; padding:0px 10px 0px 19px; color:#515150; font-size:10px; margin:0px 0px 0px 5px;}
.botControl .first {margin:0px 0px 0px 0px;}
.botControl .last {border:none;}
.enviarAmigo {background:url(../imagenes/bg/enviar_amigo.gif) no-repeat center left;}
.favoritos {background:url(../imagenes/bg/favoritos.gif) no-repeat center left;}
.comentario {background:url(../imagenes/bg/comentario.gif) no-repeat center left;}
.verAl {vertical-align:middle;}
.totalComen {vertical-align:middle; font-size:14px; color:#9c9c9c; padding:0px 0px 0px 5px;}
.capaComentarios {border:#d5d5d5 solid 1px; margin:0px 0px 17px 0px;}
.fichaComentario {background:url(../imagenes/bg/comentarios.gif) no-repeat bottom; padding:16px 0px 18px 13px}
.capaComentarios .last {background:none;}
.formComenta {margin:10px 0px 0px 0px;}
.formComenta label {font-weight:bold; padding:0px 0px 0px 5px;}
.formComenta label, .formComenta span {font-size:10px;}
.formComenta p { font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:10px;}
.formComenta p a {color:#e95f21;} 
.textInput {border:#d5d5d5 solid 1px; width:595px; margin:0px 0px 2px 0px; color:#515150; padding:0px 0px 0px 5px;}
.inputArea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:#d5d5d5 solid 1px; overflow:auto; width:595px; padding:0px 0px 0px 5px; height:150px; margin:0px 0px 7px 0px; color:#515150; }
h3 {color:#e95f21; font-weight:bold; font-size:18px; padding:0px 0px 0px 0px; line-height:16px;}
h4 {color:#515150; font-weight:bold; font-size:18px; padding:0px 0px 5px 0px;}
.linkContancto {float:left; background:url(../imagenes/iconos/contacto.gif) no-repeat center left; padding:0px 0px 0px 19px; font-size:9px; margin:9px 0px 34px 5px;}
.linkPowered {float:right; font-size:9px; margin:9px 0px 34px 0px;}
.linkContancto a, .linkPowered a {color:#FFFFFF;}
.linkContancto a:hover, .linkPowered a:hover {text-decoration:underline;}
.textVideo {border:#d5d5d5 solid 1px; width:500px;}
/**************************************************************************
VOTACIÓN
***************************************************************************/
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {background: url(../imagenes/iconos/star.gif) left -1000px repeat-x;}
.star-rating {position:relative; width:80px; height:16px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top;}
.star-rating li {display: inline;}
.star-rating a, .star-rating .current-rating {position:absolute; top:0; left:0; text-indent:-1000em; height:16px; line-height:16px; outline:none; overflow:hidden; border: none;}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {background-position: left bottom;}
.star-rating .current-rating {z-index:1; background-position:left center;}
.inline-rating{/*display:-moz-inline-block; display:-moz-inline-box; display: inline-block;*/ vertical-align: middle;}
.small-star{width:50px; height:10px;}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {background-image: url(../imagenes/iconos/star_small.gif); line-height: 10px; height: 10px;}




/***************************************************************************************************************
CSS POPUP
***************************************************************************************************************/

#fosca {
	height:100%; 
	width:100%; 
	background-color:#000000; 
	display: none; 
	position:absolute; 
	top:0px; 
	left:0px;
	text-align:center;
}
#cssPopup {
	position:absolute; 
	top:0px; 
	left:0px;
	display: none;
	width: 940px;
	/*background-color:#ececec;*/
	text-align:center;
}
#cssPopup h2 {
	margin: 0px 0px 10px 0px;
}
#cssPopup .colI2 {
	float: left;
	text-align: left;
	width: 400px;
	margin-left: 20px;
}
#cssPopup .colI4 {
	float: left;
	text-align: left;
	margin-left: 20px;
}