* { margin: 0; padding: 0; }  /*-----  para todas las etiketas, evitamos diferencias para los margenes de los parrafos ---*/
html{	Height: 100%; }

	body {
		margin: 0 auto 0 auto;
		text-align: center;		/* centra la pagina para IE */
		font-family:sans-serif,Helvetica,Verdana,Arial; font-size:12px;color:#888;font-weight:600;
		background:#fff;
	}
	#contenedor{ 	width:955px; height: 100%;	margin:0 auto;}		
	#portada{ 		float:left; position:relative;z-index:1; width:900px; margin-top:10px; }
		#portada_flash{ 	float:left; position:relative;z-index:1; width:400px; margin-top:10px; }
		.portada_contenedor{ 		float:left; position:relative;z-index:1; width:500px;}
	#reproductor{	float:left; position:relative;z-index:1; width:900px; height:50px; }
	#copyright{		float:left;position:relative;z-index:50; width:900px; height:50px; margin-top:-50px;}
		
	#flash {
		position: absolute; /*Posicionamiento absoluto*/
		top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
		left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
		margin-top: -300px; /*Restamos la mitad de alto del SWF para centrarlo verticalmente*/
		margin-left: -480px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/
	}
	
		
		
		/*-------- generales -----------------*/
		a:link ,a:active ,a:visited   { color:#888; text-decoration:none; font-weight:600; }
		a:hover  { color: #444; text-decoration:none; }		
		img { border: 0px;	}		
		/*-------- fin generales ------------*/		
		
		
		/*-------- accesibilidad ------------*/					
		#portada span {			display:none;	}	
		#cabecera span {		display:none;	}
		h1 {					display:none	}
		#menu_izq span {		display:none;	}
		#enlace_alternativo {	display:none;	}		
		#tablon span {	    	display:none;	}		
		#pie span {				display:none;	}	
		/*-------- fin accesibilidad ------------*/			
		
		/*-------- clases ------------*/			
		.desvanecimiento a img{filter: alpha(opacity=100); opacity:1;}						
		.desvanecimiento a:hover img{ filter: alpha(opacity=50); opacity: 0.5;}	
		
		.desvanecimiento_suave a img{filter: alpha(opacity=100); opacity:1;}						
		.desvanecimiento_suave a:hover img{ filter: alpha(opacity=95); opacity: 0.95;}	
		
		
		.borde_blanco a img{  border: thin solid #fff;}
		.borde_gris {	border: thin solid #333;}

		.alinear_izquierda{ text-align:left; }
		.alinear_derecha{ text-align:right; }		
		.alinear_justificar{ text-align:justify; }
		.alinear_centrado{ text-align:center; }
		.cursiva{ font-style:italic}
		.capitular{ float:left; margin:0 2px 0px 0px}
		.subrayado{ text-decoration:underline}
		.negro { color:#000}
		.borde{ border:thin solid #F00}		

		/*-------- fin clases ------------*/			
		
		/********** Rollover *************/

		a.desvanecimiento_medio img{filter: alpha(opacity=100); opacity:1;}						
		a.desvanecimiento_medio:hover img{ filter: alpha(opacity=50); opacity: 0.5;}	
		
		a.desvanecimiento_suave img{filter: alpha(opacity=100); opacity:1; }						
		a.desvanecimiento_suave:hover img{ filter: alpha(opacity=80); opacity: 0.80;}