@charset "UTF-8";
/* CSS Document */
/*Sergio Esp�n*/
/*Reset*/
img, div, a, li, h1 { behavior: url(iepngfix.htc) }

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,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
} 

body {
     line-height: 1;
	 
}

body{
	behavior:url(csshover.htc);
	}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

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

blockquote:before, blockquote:after, q:before, q:after {
     container: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
a:link, a:visited, a:active{
	text-decoration:none;
	}
/*-------GENERALES--------*/

body{
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	background-color:#e3eef1;
	}
a:link, a:visited{
	color:#f1e25f;
	font-style:italic;
	}
a:active, a:hover{	
	padding-bottom:2px;
	border-bottom:solid 2px #f1e25f;
	}
/*-------HEADER--------*/
#header{
	height:115px;
	width:auto;
	background-image:url(../images/header_pattern.gif);
	background-repeat:repeat;
	}
.link{
	color:#f1e25f;
	}
li.blog{
	width:143px;
	height:39px;
	background-color:3a3c3c;
	background-image:url(../images/bg_blog.gif);
	background-repeat:repeat;
	text-align:center;
	font-size:22px;
	padding-top:14px;
	position:absolute;
	top:28px;
	left:792px;
	}
li.volver{
	width:143px;
	height:39px;
	background-color:3a3c3c;
	background-image:url(../images/bg_blog.gif);
	background-repeat:repeat;
	text-align:center;
	position:absolute;
	padding-top:14px;
	font-size:22px;
	top:28px;
	left:630px;
	}
#title h1{
	text-indent:-15000px;
	width:auto;
	background-image:url(../images/bg_h1.gif);
	background-repeat:no-repeat;
	height:211px;
	}
/*------CONTENT---------*/
.pala{
	background-image:url(../images/content_bg.gif);
	background-repeat:no-repeat;
	background-position:95px 0;
	width:338px;
	height:918px;	
	position:absolute;
	}
.content{
	background-image:url(../images/comillas.gif);
	background-repeat:no-repeat;
	background-position:340px 0;
	padding:14px 18px 0 342px;
	margin:16px 0 0 0;
	width:674px;
	}
/*------TWITTER---------*/
.twiteer{
	margin:10px 0 0 15px;
	}
ul#twitter_update_list li{
	margin:15px 10px;
	}
ul#twitter_update_list h4{
	font-size:30px;
	margin:0 0 20px 15px;
	}
ul#twitter_update_list p{
	font-size:16px;
	line-height:26px;
	margin:0 0 20px 30px;
	}
ul#twitter_update_list li a{
	font-size:35px;
	color:#e3eef1;
	background-color:#3b454e;	
	line-height:46px;
	border-bottom:4px solid #e3eef1;
	font-style:italic;
	margin:25px;
	filter: alpha(opacity=70);
	opacity: .7;
	-moz-opacity:0.7;
	}
li.titulo-libro h4 span{
	font-size:35px;
	color:#e3eef1;
	background-color:#3b454e;
	line-height:46px;
	border-bottom:4px solid #e3eef1;
	font-style:italic;
	margin:25px 0 0 50px;
	filter: alpha(opacity=70);
	opacity: .7;
	-moz-opacity:0.7;	
}
ul#twitter_update_list li a:hover{
	background-color:#fff;	
	border-bottom:4px solid #e3eef1;
	color:#000;
}
ul#twitter_update_list li img{
	float:left;
	border:7px solid black;
	margin:5px 25px 25px 25px;
	}
/*ul#twitter_update_list li a{
	background-color:#e8e8e8;
	margin:5px;
	font-size:30px;
	}
ul#twitter_update_list li span a:link, ul#twitter_update_list li span a:visited{
	font-size:35px;
	color:#e3eef1;
	background-color:#3b454e;	
	line-height:45px;
	font-style:italic;
	margin:0 30px;
	filter: alpha(opacity=70);
	opacity: .7;
	-moz-opacity:0.7;
	}
span a:hover, span a:active{
	font-size:35px;
	line-height:45px;
	color:#000;
	border-bottom:0px;
	background-color:#fff;	
	padding:0;
	font-style:italic;
	}
/*-------SOCIAL--------*/
ul.social{
	margin:42px 0 0 15px;
	}
ul.social p{
	font-style:italic;
	color:#444444;
	text-align:justify;
	}
ul.social li{
	float:left;
	}
ul.social li.countdown, ul.social li.social-links, ul.social li.link-tienda{
	background-image:url(../images/bg_countdown.gif);
	background-repeat:no-repeat;
	width:306px;
	height:108px;
	text-align:center;
	}

ul.social li.social-links{
	background-image:url(../images/bg_social.gif);
	background-repeat:no-repeat;
	margin:0 0 0 25px;
	}
ul.social li.social-links h5{
	color:#1b1c1c;
	font-size:18px;
	line-height:20px;
	margin:0 5px 0 0;	
	}
ul.social li.social-links ol{
	padding:48px 0 0 23px;
	}

ul.social li.social-links a{
	width:45px;
	height:45px;
	display:block;
	float:right;
	margin:-15px 18px 0 0;
	}
ul.social li.social-links a.blog-link{
	background-image:url(../images/logo_blog.gif);
	background-repeat:no-repeat;
	}
ul.social li.social-links a.twitter-link{
	background-image:url(../images/logo_twiteer.gif);
	background-repeat:no-repeat;
	}
ul.social li.social-links a.facebook-link{
	background-image:url(../images/logo_facebook.gif);
	background-repeat:no-repeat;
	}
ul.social li.countdown h4{
	color:#d7e2e7;
	font-size:28px;
	margin-top:19px;
	}	
ul.social li.countdown h4 span{
	margin:0 8px;
	color:#f1e25f;
	font-size:55px;		
	}
ul.social li.link-tienda a{
	font-size:20px;
	line-height:110px;
	}
p.bio-button{
	background-image:url(../images/bg_countdown.gif);
	background-repeat:repeat;
	margin:0 23px 50px 20px;
	padding:25px;
	clear:both;
	font-size:18px;
	text-align:center;
	}
/*----------LIBROS-------*/
p.piefoto{
	position:absolute;
	top:230px;
	left:87px;
	color:#e3eef1;
	}
ul.libros{
	margin:40px;
	width:680px;
	}
h4.publicados{
	background-image:url(../images/bg-libros.gif);
	background-repeat:no-repeat;
	height:60px;
	width:690px;
	text-indent:-15000px;
	margin:50px 0 0 50px;
	}
.foto{
	position:relative;
	}
.foto img{
	border:7px solid #b8e5f1;
	}
ul.libros li{
	float:left;
	margin:0 10px 25px 10px;
	height:200px;
	
	}
ul.libros li img{
	border:7px solid #b8e5f1;
	}
/*-------TRAILERS--------*/	
.trailers{
	clear:both;
	padding:40px 0 0 0;
	z-index:2;
	position:relative;
	}
.trailers h2{
	text-indent:-15000px;
	background-image:url(../images/bg_trailers.gif);
	background-repeat:no-repeat;
	background-position:11px 0;
	height:54px;
	width:227px;
	display:block;
	}
.trailers h3{
	font-size:25px;	
	color:#1b1c1c;
	padding:20px;
	}
.trailers h3 span{
	color:#7b868d;
	font-size:14px;
	font-style:italic;
	}
.trailers ul{	
	padding:0;
	margin:25px 18px 50px 15px;
	}
.trailers ul li{
	background-color:#ccd6de;
	margin:0 5px;
	}
li.libro{
	background-color:#ccd6de;
	padding:24px;
	width:588px;
	margin:0 0 15px 0;
	}
li.libro p{
	font-size:14px;
	line-height:18px;
	margin:15px 0 0 0;}
.trailers ul li.barra{
	border-bottom:3px solid #1b1c1c;
	margin:0;
	}
p.videoplayer{
	padding:0px 7px 21px 13px;
	}
/*-------FOOTER--------*/		
.prefooter{
	background-image:url(../images/bg_footer1.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:105px;
	width:992px;
	clear:both;
	margin:0 0 -70px 0;
	z-index:1;
	position:relative;
	}
#footer{
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat;
	margin:0 0 0 0;
 	padding:130px 0 100px 45px;
	z-index:0;
	position:relative;
	color:#e3eef1;
	}
#footer h3{
	font-size:24px;
	padding:0 0 30px 320px;
	}
#footer h3 span{
	font-size:26px;
	}
.credit-content{
	width:950px;
	padding:25px 0 0 0;
	}
#footer h4{
	font-size:20px;
	font-style:italic;
	padding:0px 0 20px 320px;
	}
#footer ul{
	padding:0 0 30px 0;
	margin:0 0 30px 10px;
	float:left;
	border-bottom:2px solid #e2eef1;
	}
#footer ul li{
	font-size:16px;
	line-height:22px;
	font-style:italic;
	}
#footer ul li span{
	font-size:12px;
	font-style:italic;
	}
#footer ul li a:active, #footer ul li a:hover{	
	padding-bottom:1px;
	border-bottom:solid 1px #f1e25f;
	}
#footer hr{
	border-bottom:3px solid #e3eef1;
	width:630px;
	margin:0 0 0 320px
	}
#footer ol{
	line-height:22px;
	float:left;
	text-align:right;
	padding:0 0 0 170px;
	font-size:14px;
	}
.trailer1{
	padding:0 0 0 70px;
	}
.trailer3{
	padding:25px 0 0 70px;
	}
.narracion{
	padding:0 0 0 10px;
	}
.creditos1{
	padding:25px 0 0 0;
	}	
.bold{
	font-weight:bold;
	color:#fff;
	}
.clear{
	clear:both;
	}
.web{
	padding:0 0 0 65px}
.italic{
		font-style:italic;
		}
	
.titulotrialer{
	font-style:italic;
	}
.soundfx{	
	margin-top:25px;
}
.soundfx2{	
	margin-top:25px;
}