@charset 'UTF-8';
/* CSS Document */

/* ----------------- */
/*     GENERALES     */
/* ----------------- */

body{
	font-family:tahoma, verdana, arial;
	font-size: 12px;
	background: #000;
	/*background: #000 url('../images/00.jpg') left top no-repeat;*/
	overflow: hidden;
}

#container{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
}
#holder{
	z-index:-100;
}
	
	h2{
		font-size: 1em;
		font-weight:normal;
	}
	
	p{
		font-size:1em;
	}
	
	.italic{
		font-style:italic;
	}
	
	.bold{
		font-weight:bold;
	}

/*======== #header =======*/
	#header {
		height: 120px;
		position: relative;
	}
	
	
	#header h1{
		display: block;
		width:538px;
		height:121px;
		overflow:hidden;
		text-indent:-999px;
		background:url('../images/logo.png') no-repeat;
		margin:10px 0 0 0;
	}

/*======== #content =======*/
	#content {
		overflow: hidden;
		padding: 0 0 20px 0;
	}
	
		/* ----- #principal -----*/			
		#principal {
			/*padding: 20px 0 0 0; cambiar cuando uno */
			padding: 10px 0 0 0;
		}		
		
		/* ----- #blog -----*/			
		#blog {
			font-size: 0.9em; 
			overflow: hidden;
			position: relative;
		}
			
			.blogpost {
				background:#fff url('../images/pattern_post.gif') left top no-repeat;
				width: 240px;
				position: relative;
				padding: 22px 0 0 0;
				float: left;
				margin-right: 89px;
			}
			.marginless {
				margin: 0;
			}
				.postdate {
					position: absolute;
					right: 5px;
					top: 0;
					color: #999;
					font-size: 0.8em;
					background: #fff;
					padding: 3px 0px 3px 5px;
				}
				
				.postheader {
					padding: 0 4px;
				}
					.postheader h2 a {
						text-decoration: none;
						font-weight: bold;
						color: #000;
					}
				.postbody {
					padding: 4px 4px 10px 4px;
					/*height: 80px;*/
				}
					.postbody .enlace {
						text-decoration: none;
					}
				.postmeta {
					background: #000;
					color: #fff;
					height: 22px;
					overflow: hidden;
					padding: 5px 5px 0 0;
					
				}
				.postmeta a, .postmeta .txt {
					display:block;
					float:right;
					height:16px;
					color:#FFF;
					text-decoration:none;
					font-size:0.8em;
					padding:4px 0 0 0;
				}
				
				.postmeta .leer{
					background:url('../images/arrow_blog.gif') center right no-repeat;
					width:52px;
					float: right;
				}
				.postmeta .txt {
					float: right;
					margin-left: 13px;
				}
				.postmeta .commentslink{
					background:url('../images/icon_comments.gif') center right no-repeat;
					width:16px;
					text-align: center;
					float: right;
					margin-left: 2px;
				}	
				.postmeta .marginless {
					margin: 0;
				}
		
				#blog a.blog_btn {
					display:block;
					font-weight:bold;
					letter-spacing:0.1em;
					text-decoration:none;
					text-transform:uppercase;
					border:1px solid #FFF;
					color:#FFF;
					background:#000;
					width:54px;
					height:20px;
					padding:10px 0 0 22px;
					margin: 0 0 20px 0;
					/*margin: 0 0 20px 45px;*/
				}

			/* ----- #podcast -----*/	
			img.icon_metal{
				margin:0px 0 0 246px;
				border:none;
				float:left;
			}
			
			#podcast{
				width:258px;
				/*height:124px; este hay que volver a ponerlo para uno solo*/				
				background:#FFF;
				padding:2px 0;
				margin:2px 0 0 0;
				float:left;
				clear:both;
				
					height: 260px;
					margin-bottom: 15px;
			}
			
			#podcast h2 {
				padding: 2px;
			}
			
			#podcast .title_pod {
				margin: 0px 2px;
				padding: 10px 0;
		    }
			#podcast #player {
			margin-left: 2px;
			} 
			
			p.title_pod{
				margin:14px 0 0 0;
				padding:0 0 5px 0;
				border-bottom:1px dotted #000;
			}
			
			#player{
				background:#000;
				margin:10px 0 3px 0;
				height:24px;
			}
			
			#podcast .sociales {
				background: #000;
				padding: 5px 0 5px 3px;
				overflow: hidden;
			}
			
			#podcast a.descarga_podcast{
				text-decoration:none;
				display:block;
				color:#000;
				font-size:0.9em;
				width:130px;
				height:22px;
				padding:4px 0 0 0;
				margin:0 0 6px 126px;
				background:url('../images/arrow_dl.gif') top right no-repeat;
			}
			#podcast a {
				color: #fff;
				text-decoration: none;
				font-size: 0.9em;
			}
			
			#podcast .rss_home, #podcast .itunes_home {
				display: block;
				float: left;
				margin-right: 5px;
			}
			
			#podcast .rss_home {
				background: url('../images/bkg_rss.jpg') right center no-repeat;
				width: 40px;
			}
			#podcast .itunes_home {
				background:url('../images/bkg_itunes.jpg') right center no-repeat;
				width: 55px;
			}
			#podcast .rss_home:hover, #podcast .itunes_home:hover {
				text-decoration: underline;
			}

			/* ----- #archivo -----*/
			#archivo {
				width:240px;
				background:#FFF;
				float:left;
				margin:2px 0 0 72px;
			}
			
				#archivo h2{
					padding:2px;
				}
				
				#archivo ul{
					list-style:none;
					margin:14px 0 2px 4px;
				}
				
				#archivo ul li{
					border-bottom:1px dotted #000;
					width:232px;
					padding:0 0 4px 0;
					margin:6px 0 0 0;
				}
				
				#archivo ul li.no_border{
					border:none;
				}
				
				#archivo ul li a {
					color:#000;
					width:232px;
					/*font-size:0.8em;*/
					text-decoration:none;
					background:url('../images/arrow_dl_archivo.gif') center right no-repeat;
				}
				
				.number_archivos {
					font-weight: bold;
					display: block;
					width: 20px;
					float: left;
				}
				.title_archivos{
					padding:0 0 0 6px;
					display: block;
					width: 170px;
					float: left;
				}
				
				.tiempo{
					font-style:italic;
					font-size:0.8em;
					padding:0 0 0 24px;
					color:#666;
					display: block;
					width: 170px;
					float: left;
				}
				
				a.btn_mas{
					display:block;
					width:236px;
					background:url('../images/icon_mas.gif') center 3px no-repeat #000;
					padding:4px 2px;
					overflow:hidden;
					text-indent:-999px;
				}
				#archivo .anuncio_archivo {
					padding: 20px 5px 50px 5px;
					font-size: 0.9em;
					text-align: justify;
					width: 198px;
					background:url('../images/bkg_anuncio.jpg') left top no-repeat;
				}

			/* ----- #quote -----*/			
			#quote {
				width:258px;
				background:#FFF;
				float:right;
				padding:2px;
				margin:2px 0 0 0;
				overflow: hidden;
			}
			
				#quote li {
					overflow: hidden;
				}
				
				#quote .frase {
					width:250px;
					padding:2px 2px 5px 2px;
					margin:5px 0 0 0;
					border-bottom:1px dotted #000;
					text-align:justify;
					
					float: left;
				}
				
				#quote .firma {
					width:250px;
					text-align:right;
					font-style:italic;
					font-size:0.8em;
					margin:5px 0 0 0;
					
					float: left;
				}
				
	
				/* ----- #twitter -----*/		
				#twitter, #facebook {
					width: 126px;
					height: 90px;
					/*float: right;*/
					/*margin: 15px 0 0 0;*/
					position: absolute;
					top: 10px;
				}
				#twitter {
					right: 0px;
				}
				#facebook {
					/*clear: right;*/
					width: 150px;
					margin: 0;
					right: 160px;
				}
				
				#twitter h2, #facebook h2 {
					width:126px;
					height: 18px;
					margin:8px 0 0 5px;
					padding: 6px;
					font-size: 0.9em;
					background:#FFF;
				}
				#facebook h2 {
					width: 140px;
				}
				#twitter a , #facebook a {
					color:#000;
					text-decoration:none;
				}
				
				a.icon_twitter {
					display:block;
					float:right;
					width:50px;
					height:61px;
					background:url('../images/icon_twitter.png') no-repeat;
					overflow:hidden;
					text-indent:-999px;
					clear:both;
					margin: 0;
				}
				
				a.icon_facebook {
					display:block;
					float:right;
					width:30px;
					height:61px;
					background:url('../images/bkg_facebook.png') no-repeat;
					overflow:hidden;
					text-indent:-999px;
					clear:both;
					/*margin:12px 0 0 0;*/
					margin: 0;
				}
				
		.navigation {
			display: none;
		}

		/* ----- #archivo -----*/		
		.background {
			 width: 100%;
			 position: absolute;
			 top: 0;
			 left: 0;
			 z-index: -1;
		}