/* CSS Document */


/* 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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
	
}

ol, ul {
	list-style: none;
}

input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

a {
	text-decoration:none;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }



/* LAYOUT TOOLS */

.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; height:0; overflow:hidden; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.textJustify		{ text-align:justify; }
.fix				{ overflow:hidden; }

/*


/* INDEX */


body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#3aad00;
}



div#cabecera{
	height:364px;
	width:100%;
	background-image:url(../imagenes/fondo.jpg);
	background-repeat:repeat-x;
} 


div#cuerpo {
	background-color:#FFFFFF;
	width:100%;
	padding-bottom:40px;
}

div#contenido {
	width:1000px;
}

div#trailer {
	width:678px;
	height:441px;
	background-image:url(../imagenes/trailer.jpg);	
}

div#video {
	margin-top:21px;
	
}

div#banner {
	width:273px;
	height:441px;
}

div#texto_imagen {
	margin-top:30px;
	margin-bottom:30px;
}

	
div#capitulos_anteriores {
	height:200px;
	background-image:url(../imagenes/capitulos_anteriores.jpg);
	background-repeat:no-repeat;
	margin-bottom:30px;	
}

/* CAPTURAS */

div#capturas_fondo {
	background-image:url(../imagenes/capturas_fondo.jpg);	
}

div#capturas {
	background-image:url(../imagenes/capturas_cabecera.jpg);
	background-repeat:no-repeat;
	padding-top:33px;
	position:relative;
}

div#capitulo {
	position:absolute;
	left: 33px;
	top: -1px;
}

div#datos_video {
	font-size:11px;
}

div#datos_video span{
	color:#FF3300;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

div#nuevo_capitulo {
	position:absolute;
	left: 840px;
	top: 18px;
}

div#descargar {
	position:absolute;
	left: 278px;
	top: 866px;
}



div#capturas h2 {
	width:900px;
	padding-left:120px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	height:20px;
	overflow:hidden;
	margin-bottom:30px;
}



div#capturas div#descripcion {
	width:900px;
	font-size:12px;
}

div#capturas_fotos {
	width:900px;
	margin-top:20px;
	margin-bottom:30px;	
}

div#capturas_fotos img{
	padding:3px;
	border: 1px solid #cdcdcd;
	background-color:#FFFFFF;	
}

div#foto_vertical {
	width:428px;
}

div#fotos_horizontales {
	width:458px;
}

div#fotos_horizontales a{
	display:block;
	margin-bottom:7px;
}

/* FIN CAPTURAS */

/* PROXIMOS CAPITULOS Y ANTERIORES */

div.prox_capitulos_fondo {
	background-image:url(../imagenes/capturas_fondo.jpg);	
}

div.prox_capitulos {
	background-image:url(../imagenes/capturas_cabecera.jpg);
	background-repeat:no-repeat;
	padding-top:33px;
	position:relative;
}


div.prox_capitulos div.datos_video {
	font-size:11px;
	height:18px;
	margin-bottom:5px;
}

div.prox_capitulos div.datos_video span{
	color:#FF3300;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

div.c_capitulo {
	position:absolute;
	top:0;
	left:32px;
}

div.prox_capitulos h2 {
	width:900px;
	padding-left:120px;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	height:20px;
	overflow:hidden;
	margin-bottom:30px;
}



div.prox_capitulos div.descripcion {
	font-size:12px;
	height:150px;
	overflow:hidden;
	margin-bottom:31px;
}


div.prox_capitulos div.foto_der {
	width:420px;
	display:inline;
	margin-left:40px;
}

div.prox_capitulos div.col_izq {
	width:480px;
	overflow:hidden;
	display:inline;
	margin-right:40px;
}

div.prox_capitulos div.col_izq .fotos_pq a{
	margin-left:2px;
	margin-right:2px;

}

div.capanterior {
	margin-bottom:20px;
}

div.prox_capitulos div.datos_actor {
	font-size:12px;
	height:18px;
	margin-bottom:5px;
}

div.prox_capitulos h2.personaje {
	width:920px;
	padding-left:0;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	height:20px;
	overflow:hidden;
	margin-bottom:30px;
}

/* FIN PROXIMOS CAPITULOS Y ANTERIORES */

/* ACERCA DE */

div.acercade {
	background-image:url(../imagenes/capturas_fondo.jpg);
	overflow:hidden;
}

div.acercade div.foto_izq {
	width:317px;
	display:inline;
	margin-left:31px;
}

div.acercade div.col_der {
	width:600px;
	overflow:hidden;
	display:inline;
	margin-right:40px;
	
}

div.acercade div.descripcion {
	font-size:12px;
	height:250px;
	overflow:hidden;
	margin-top:20px;
}



/* FIN ACERCA DE */

div#pie {
	width:100%;
	background-color:#3aad00;
}

div#contenido-pie {
	width:970px;
	height:100px;
	padding-left:30px;
	padding-top:50px;
	background-image:url(../imagenes/logo_pie.jpg);
	background-repeat:no-repeat;
	background-position:620px 20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;	
}

div#contenido-pie a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;	
}

div#contenido-pie a:hover{
	text-decoration:underline;
}

/* PAGOS */

div#fotos-pago {
	background-image:url(../imagenes/fondo_fotos_pago.jpg);
	background-repeat:no-repeat;
	width:868px;
	height:225px;
	padding-top:50px;

}

div#fotos-pago img{
	border: 2px solid #FFFFFF;
	margin-left:2px;
	margin-right:2px;
}

/* FIN PAGOS */

div#mira-el-trailer {
 position:absolute;
 top:718px;
 left:114px;
 z-index:1;
 height: 59px;
}
 
div#mira-el-trailer img {
 border:non;
 padding:0;
 background-color:none;
}

/* SIGUENOS */
 
div#siguenos {
 overflow:hidden;
 margin-bottom:8px;
 float:right;
}
 
div#siguenos p{
 float:left;
 padding-top:10px;
 text-transform:uppercase;
 margin-right:5px;
 font-size:14px;
 color:#333333;
 font-weight:bold;
}
 
div#siguenos a{
 float:left;
 margin-left:2px;
 margin-right:2px;
 font-weight:bold;
}
 
/* FIN SIGUENOS */