/***************************************************************************/
/***                     RESET CSS----MEYER                             ****/
/***                                                                    ****/
/***************************************************************************/
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: 1em;
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0.5em;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration:none;
	}

/***************************************************************************/
/***                             ---------                               ***/
/***************************************************************************/

/*Estilo intro flash*/
#fondo_intro_flash{
	background:black
}

#intro_flash{
	margin:0px auto;
	width:900px;
	height:600px;
	background:black
}


/*Clases universal  en cualquier seccion*/
	.clear{clear:both}
	
	.float-r{float:right}
	.float-l{float:left}
	a {color:#FF9}
	a:hover{text-decoration:underline}
	/*titulo de seccion*/
	h1 {
		font-size:2.3em;
		color:#c0c142;
		margin-bottom:0.6em;
		margin-top:1em;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
body{
	/*background: #00142c;*/
	background:#153255;
	/*A partir de aqui estilos de tipografia*/	
	text-align:justify;
	line-height:1.3em;
	font-size:0.9em;
	color:#CCC;
}

#contenedor{
	margin:0px auto;
	width: 863px;
	background:url(images/graficos/fondo_contenedor.jpg) repeat-y;
	
}
	#contenedor #curva_sup_contenedor{
		width:863px;
		height: 33px;
		background:url(images/graficos/curva_sup.jpg) no-repeat;
	}
	
	#contenedor #cabecera{
		width:796px;
		height:187px;
		margin:0px auto;
	}
	
	
	/*Estilos menu*/
	
	#contenedor #menu{
		width:815px;
		height:30px;
		margin:0px auto;
		background:black;
		}
	
	
	#contenedor #menu a{
		
		margin-top:5px;
		margin-left:13px;
		display:inline-block;
		width:98px;
		height:24px;
		text-align:center;
		background:url(images/graficos/fondo_menu.jpg); no-repeat;
		background-position:left;
		color:#999;
		font-family:Verdana, Geneva, sans-serif;
		line-height:1.5em;
		font-size:0.9em
		
	}
	#contenedor #menu a:hover{
		text-decoration:none;
		color:white;
		background:url(images/graficos/fondo_menu.jpg); no-repeat;
		background-position:right;
		
	}
	
		
	#contenedor #menu  #primer_enlace{
		margin-left:10px;
	}
	
	/**********************************************************************************/
	/*********************************CONTENIDO DE SECCIONES***************************/
	/**********************************************************************************/
	
	/*Estos estilos se aplican a todas las secciones*/
	#contenedor #contenido{
		margin:15px auto;
		width:790px;
		padding-bottom:40px;/*Para que no se junte el contenido con el pie*/
		height:; /*Provisional a la espera de contenido*/
		background: ;
		/*tipografia especifica de los contenidos*/
		text-indent:15px;
	}
	
	/*****BIOGRAFIA******************************************************************/
	
	#bloque_biografia h1{
			margin-bottom:0.3em;
			width:375px;
			border-bottom:#333 1px solid;
			line-height:1.2em
		
		}
	
		#contenedor #contenido #isaac_byn{
			float:left;
			width:298px;
			height:434px;
			background:url(images/img_biografia/isaac_byn.jpg) no-repeat;
		}
		
		/**Bloques de texto de biografia**/
		#contenedor #contenido #bloque_biografia{
			margin-top: 0px;
			float:right;
			width: 390px;
	
		}
		#contenedor #contenido #bloque_biografia_dos{
			
			margin-top: 20px;
			float:left; 
			width: 430px;

		}
		#contenedor #contenido #bloque_biografia_tres{
			margin-top: 20px;
			float:left; 
			width: 470px;
			text-align:right
	
		}
		#contenedor #contenido #bloque_biografia_cuatro{
	
			margin-top: 20px;
			float:right; 
			width: 500px;

		}
		#contenedor #contenido .float-r, #contenedor #contenido .float-l{
			margin:1em;
			margin-top: 3.3em;
		}
		/*Final de contenido especifico de biografia*/
		
		/*NOVEDADES (solo lo especifico de novedades*/
					 
		#novedades h1{
			margin-bottom:0.8em;
			width:785px;
			border-bottom:#333 1px solid;
			line-height:1.2em
		
		}
		#novedades .noticia {
			margin:0px auto;
			padding:15px;
			width: 670px;
			height:;/*ojo, para que sea flexible luego hay que quitarlo*/
			background:#1e1e1d;
			margin-bottom:30px;			
		}
		
		#novedades .noticia .img_noticia {
			margin:0px;
			float:right;
			/*Para que no se pegue el texto a la foto*/
			margin-top:10px;
			margin-left:15px;
			margin-bottom:2px;
			}
		
		
		#novedades .noticia .titulo_noticia{
			line-height:1.6em;
			text-decoration:underline;
			font-size: 1.1em ;
			color:#c0c142;
			margin-left:5px;
		}
		/*Lista de subtitulos de noticias*/
		#novedades .noticia ul{
			margin-bottom:1.1em
		}
		#novedades .noticia ul li{
			list-style-type:square;
			text-indent:0px;
			font-size: 0.9em;
			color:#aac5e6;
			margin-left:25px;
		}
	
					
			#novedades .noticia	.texto_noticia{
			margin-left:15px;
			/*tipografia del texto de la noticia*/
			font-size:0.9em;
			text-indent:15px;
			text-align:justify;
			line-height:1.4em;
					
		}
		/**Final de estilos especificos de novedades**/
		
		/**Estilos especificos de multimedia**/
		
		#multimedia h1{
			margin-bottom:0.8em;
			width:785px;
			border-bottom:#333 1px solid;
			line-height:1.2em
		}
		
		#contenedor #contenido .bloque_video{
			width:530px;			
			background: #1e1e1d;
			float:right;
			text-align:center;
			height:420px
		}
		#contenedor #contenido .audio{
			height:auto;
		}
		
		
		#contenedor #contenido .audio_insert{
			text-align:center;
			margin:10px auto;
		}
		
		#contenedor #contenido .bloque_video .titulo_video{
			line-height:1.6em;
			text-decoration:underline;
			font-size: 1.1em ;
			color:#c0c142;
			margin-left:5px;
		}
		#contenedor #contenido .bloque_video .texto_video{
			margin-left:15px;
			/*tipografia del texto del video*/
			color:#f5f5f5;
			font-size:0.8em;
			text-indent:15px;
			line-height:1.5em;
		}
			
		
			
		#contenedor #contenido .bloque_video  .contenedor_video{
			margin:10px auto;
			width:480px;
			height:390px;
				
		}
		
		/*estilos menu indice videos*/
		#menu_indice_videos{
			width:230px;
			height:420px;
			background:#1e1e1d;
			float:left;
			color:#999;
		}
		
		#menu_indice_videos ul{
			margin-top:20px;
		}
		#menu_indice_videos ul li{
			margin-top:10px;
			list-style-type:square;
			text-indent:0;
			margin-left:20px;
		}
		
		#menu_indice_videos a{
			color:#999;
		}
		
		#menu_indice_videos .selected{
			color:#c0c142;
		}
		#menu_indice_videos .selected:hover{
			color:#c0c142;
		}
		
		#menu_indice_videos a:hover{
			text-decoration:none;
			color:#FFF
		}
			
			
			
		/*Fin de estilos Multimedia*/
		
		
		/*Estilos de Galeria*/
		
		#galeria h1{
			margin-bottom:0.8em;
			width:785px;
			border-bottom:#333 1px solid;
			line-height:1.2em
		}
		
			
		#galeria #contenedor_galeria{
			
			text-align:center;
			line-height:2.5em;
			text-indent:0px;
		
		}
		#galeria #contenedor_galeria img{
			margin-bottom:1.1em;
		}
		
		/*Fin de estilos de la galeria*/
		
		
		
		
		/*Estilos especificos comentarios*/
		
		#comentarios h1{
			margin-bottom:0.8em;
			width:785px;
			border-bottom:#333 1px solid;
			line-height:1.2em
		}
		
		#comentarios .bloque_comentario{
			margin:0px auto;
			margin-bottom:10px;
			width:500px;
			
		}
				
		
		#comentarios .bloque_texto_comentario .cita{
			font-family:Verdana, Geneva, sans-serif;
			padding-left:15px;
			padding-right:15px;
			padding-top:3px;
			padding-bottom:3px;
			display:block;
			width:470px;
			line-height:1.5em;
			background:#1e1e1d;
			text-align:center;
			margin-bottom:0.7em;
			font-size:1em;
			/*font-style:italic;*/
			color:#c0c142
		}
		
		#comentarios .bloque_texto_comentario .fuente_comentario{
			text-align:right;
			color:#aac5e6;
			font-size:0.8em;
			font-family:Arial, Helvetica, sans-serif;
			
		}
		/*Fin de estilos de comentarios*/
		
		/*Estilos de enlaces*/
		
		#enlaces{
			background:url(images/img_enlaces/fondo_enlaces.jpg) no-repeat;
			background-position:right;
		}
		#enlaces h1{
			margin-bottom:0.8em;
			width:785px;
			border-bottom:#333 1px solid;
			line-height:1.2em
		}
		
		#enlaces .bloque_enlace{
			position:relative;
			margin:0px auto;
			width:700px;
			margin-bottom:20px;
			
		}
			
			#enlaces .bloque_enlace .glass{
				position:absolute; top:3px; left:7px;
				width:20px;
				height:20px;
				background:url(images/img_enlaces/button-yellow.gif) no-repeat;
				
			}
			#enlaces .bloque_enlace .nombre_enlace{
				color:#c0c142;
				margin-left:15px;
				line-height:1.4em;
	 
			}
			
			#enlaces .bloque_enlace .url_enlace{
				color:#aac5e6;
				margin-left:15px;
				text-decoration:none;
				font-style:italic;
				font-size:0.8em;
			}
		#enlaces .bloque_enlace .url_enlace:hover{
			text-decoration:underline;
			
		}
		#enlaces .bloque_enlace .descripcion_enlace{
		margin-left:30px;	
		color:#ccc;
		font-size:1em;
		line-height:1.2em;
		}
		/*Fin de estilos de enlaces*/
		
		
		
		
		
		 /****ESTILOS DEL FORMULARIO DE CONTACTO*************/
		 
		 
		#contacto{
			margin:40px auto;
		}
		
		#contacto h1{
			margin-bottom:0.8em;
			width:785px;
			border-bottom:#333 1px solid;
			line-height:1.2em
		}
		  #contacto #contenedor_formulario{
			  position:relative;
			  color:#999;
			    margin:0px auto;
			 	padding:10px;
			 	width:700px;
				height:340px;
				background:url(images/img_contacto/fondo_form.jpg) no-repeat;
				background-position:top left;
				margin-bottom:15px;
				margin-top: 15px;
				text-align:center !important;
		
		 }
		 
		 #contacto #contenedor_formulario #contact_form{
			 margin-top:30px;
			 width:500px;
			 margin-left:175px;
			 padding-right:50px;
			 }
		 
		#contacto #contenedor_formulario #contact_form div{ 
		margin-bottom:10px;
		}
		
		#contacto #contenedor_formulario #contact_form div #from,#contacto #contenedor_formulario 	#contact_form div #subject{ 
		width:280px;
		}
		#contenedor_formulario #contact_form div #subject{
			margin-left:14px;
		}
		
		
		 #contacto #contenedor_formulario #contact_form div #message{ 
		 width:300px;
		 height:100px;
		 margin-left:60px;
		 }
		  #contacto #contenedor_formulario #contact_form div #cod_erroneo{ 
		  display:block;
		  width:270px;
		  height:30px;
		  line-height:2em;
		  text-align:center;
		  margin-left:60px;
		  margin-top:10px;
		  background:#CCC;
		  color:#930
		  }
		 
		 
		 
		 #contacto #contenedor_formulario #contact_form div #boton_enviar{ 
		 margin-left:180px;
		 }
		 
		  #contacto #contenedor_formulario #contact_form #txt_form{
			  width:480px;
			  float:left;
			  height:320px;
			  
		  }
		  
		 		 
		
		#contacto #contenedor_gracias{
			padding-top:30px;
			margin: 0px auto;
			width:700px;
			height:80px;
			
			
			}
			#contacto #contenedor_gracias h3{
				
				font-weight:normal;
				text-align:center;
				color:#c0c142;
				font-size:1em;
				font-family:Verdana, Geneva, sans-serif;
			}
			
			#contacto #contenedor_gracias .firma{
				display:block;
				text-align:right;
				font-style:italic;
				color:#CCC;
				width:300px;
				margin:15px auto;
				padding-right:30px
			}
		/*******FIN DE ESTILOS DEL FORMULARIO*****/
		
		
		
		
		
	/**********************************************************************************/
	/**************************** FINAL CONTENIDO DE SECCIONES********************/
	/**********************************************************************************/	
		
		
	

	#contenedor #pie{
		
		width:863px;
		height: 140px;
		background:url(images/graficos/pie.jpg) no-repeat;
		background-position:bottom;
		text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		color:#999;
		font-size:1em;
		letter-spacing:3px;
		
		
	}
	#contenedor #pie p{
		text-align:center;
		font-size:0.9em;
		color:#666;
		margin-bottom:3.5em
	}
	
	#contenedor #pie #copy{
		display:block;
		
		width:200px;
		height:30px;
		margin:0px auto;
		color:#333;
		margin-top:1.5em;
		background:url(images/graficos/copy_mashalfa.png) no-repeat;
		
	}
	
	#contenedor #pie a{
		opacity:0.50;
		filter: alpha(opacity=50)
	}
	#contenedor #pie a:hover{
		opacity:1;
		filter: alpha(opacity=100)
	}