@charset "utf-8";
/* CSS Document 
DW. Julio Ibarguren*/

/*General*/
html { background-color:#000;
	   margin:0 auto;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body{ 
	   margin:0 auto;}
p{font-size:11px;}
h1{font:normal normal 25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h2{font:normal normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}

h3{font:normal bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.white{ color:#FFF;}

.fl{float:left;}
.fr{float:right;}

/*main*/
#main{margin:0 auto;
	  background-color:#000;
	  }
#header-main{margin:0 auto;}
#header-menu{
			 text-align:left;
			 background-color:#FFFFFF;
			 height:23px;
			 padding-top:6px;
			 padding-left:26px;
			 }
			 #header-menu .select-menu{ background:#999;
			 						       
										   font:normal normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
										   padding:10px 20px 5px 20px;}
										   #header-menu .select-menu a{ color:#FFF;}
			 #header-menu ul li{display:inline;
			 				    font:normal normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
								padding:10px 20px 5px 20px;
								
								
			 					}
								#header-menu ul li:hover{color:#FFF;
														 background-color:#F0F0F0;
														 display:inline;
														font:normal normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
														padding:10px 20px 5px 20px;
								}
								#header-menu ul li a{ color:#555;
													  text-decoration:none;}
													  #header-menu ul li a:hover{ color:#000;}

#header-content{margin:0 auto;
			    min-width:970px;
				background-color:#FFF;
				height:180px;
				background:url(../img/hd_bg.jpg) repeat-x top left;
				position:relative;}
#img_head{position:absolute;
		 background:url(../img/logo_cortado.jpg) no-repeat bottom left;
		bottom:0px;
		right:20px;
		 width:333px;
		 height:178px;
		 }
#logo_head{position:absolute;
		   top:30px;
		   left:24px;
		   background:url(../img/logo_hd.png) no-repeat top left;
		   height:107px;
		   width:484px;
		   }
#container{margin: 0 auto;
		   background-color:#999;
		   min-width:1000px;
		   }
	#content{ text-align:left;
			  padding:14px 24px;
			  background: #000000 url(../img/bg_content.jpg) repeat-x top left;
			  min-height:243px;
			  }
			  #content h1{color:#E38800;}
			  #content h2{color:#FFFFFF;}
	#contenedor_video{margin-top:24px;
					  width:680px;
					  height:383px;
					  background-color:#333;}
.archivo_content{border-left:1px solid #444444;
				 width:279px;
				 height:450px;
				 overflow:auto;
				 margin-top:24px;
				 position:relative;
				 text-align:left;}
.titulo_archivo{margin:0px 0px 5px 10px;}
				 .archivo_content .articulo{padding:10px;
				 							height:43px;
											}
									  .archivo_content articulo ul li{padding:0px;
									  							 	  margin:0;
																	  list-style:none;}
									  .literal{ width:172px;
									  			margin-left:10px;
												font:normal nomrmal 12px arial;}
									  .literal p{ color:#FFF;
									  			  text-transform:uppercase;
												  }
									  .literal a{ width:120px;
									  			  color:#999;
									  			  text-decoration:none;
												  
												  }
												  .literal a:hover{ color:#FFB700;
																	text-decoration:none;
																	 }
/*DATOS VIDEO*/

#datos_video{ height:146px; 
			  width:680px;
			  margin-top:15px;
			  border:1px solid #222222;
			  -moz-border-radius: 9px;
			  -webkit-border-radius: 9px;
			  position:relative;
			  }
.menu_video{ background-color:#222222;
			 width:300px;
			 height:146px;
			 position:relative;}
.menu_video_1{position:absolute;
			 left:1px;
			 top:1px;
			 width:113px;
			 height:131px;
			 padding-left:15px;
			 padding-top:14px;
			 border-right:1px solid #000;}
			 .menu_video_1 li{margin-bottom:7px;
			 				  }
			 .menu_video_1 ul li a{font-size:18px;
			 					   color:#999;
			 				  	   text-decoration:none;
								   margin-left:20px;}
			 .menu_video_1 ul li:hover a{color:#FCB300}
			 .menu_video_1 .bio{ background:url(../img/icn_bio.jpg) no-repeat center left;
			 					 }
								 .menu_video_1 .bio:hover{ background:url(../img/icn_bio_true.jpg) no-repeat center left;
								 }
			.menu_video_1 .casa{ background:url(../img/icn_casa.jpg) no-repeat center left;
			 					 }
								 .menu_video_1 .casa:hover{ background:url(../img/icn_casa_true.jpg) no-repeat center left;
								 }
			.menu_video_1 .entrevista{ background:url(../img/icn_entrevista.jpg) no-repeat center left;
			 					 }
								 .menu_video_1 .entrevista:hover{ background:url(../img/icn_entrevista_true.jpg) no-repeat center left;
								 }				 
			 
			 
			  .creditos{padding-left:21px;
			  			background:url(../img/icn_creditos.jpg) no-repeat center left;}
						.creditos:hover{background:url(../img/icn_creditos_true.jpg) no-repeat center left;}
			  .creditos a{font-size:10px;
			 		     font-family:Arial, Helvetica, sans-serif;
						 text-transform:uppercase;
						 color:#787878;
						 text-decoration:none;}
			  .creditos:hover a{color:#FCB300;
			  					}
.enlaces{position:absolute;
		 top:1px;
		 left:130px;
		 height:131px;
		 padding:9px 14px 5px 14px;
		 border-left:1px solid #424242;}
		 .enlaces ul li{margin-bottom:5px;}
		 .enlaces ul li a{color:#FFF;
		 				  font-size:9px;
						  font-family:Arial, Helvetica, sans-serif;
						  text-decoration:none;}
						  .enlaces ul li a:hover{color:#666;}
.separador{position:absolute;
		   background:url(../img/separador.png) no-repeat top left;
		   width:22px;
		   height:144px;
		   bottom:1px;
		   right:380px;}
.fotos{ width:358px;
		height:144px;
		position:absolute;
		top:1px;
		right:2px;
		color:#FFF;
		padding-left:18px;
		padding-top:10px;
		}
.gallery{position:absolute;
		 top:29px;
		 border:1px solid #FFF;
		 height:108px;
		 width:351px;
		 }
		#datos_video h3{font-size:12px;}
/*footer*/
#footer{
		width:100%;
		height:20px;
		background-color:#666;}