html{
	Height: 100%;
	padding:0 0 0 0;
	margin: 0px;
}
	body {		
		margin: 0 auto 0 auto;
		text-align: center;		/* centra la pagina para IE */
		font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.8em;
		color:#FFFFFF;						
	}
	#contenedor{
			background: url(../imagenes/cuerpo_principal_superior.jpg) no-repeat;
/*			width:796px;*/
			width:940px;
			height:294px;
			margin:0 auto;	

	}

		#central{			
			float:left;
			height:591px;
			width: 940px;	
			margin:0 auto;			
			position:relative;	
		}
		#contenido{ 				/* Con esta capa controlo la posición relativa de todas la capas con respecto el fondo */
			margin: 0; left:67px; _left:48px; top:-35px; position:relative;				
		}		
		
		#menu{ 	float:left;width:700px; height:25px; position:relative; top:-81px; left:-40px; font-size:1em}
		
				   
		#pie{ 	float:left;height:150px;width:940px;position:relative;z-index:1;
				background: url(../imagenes/cuerpo_principal_inferior.jpg) no-repeat; margin:64px 0 0 0;_margin:67px 0 0 0;}
		
		#pie_texto{ float:left;font-size:0.7em; color:#666;height:150px;margin:16px 0 0 0;_margin:20px 0px 0px 0px;
					width:940px; width:855px; position:relative;z-index:105;}
				
		
		
		/*-------- absolutas ----------------*/
		#titulo_superior{  display: block; z-index:4; width:903px; height:39px; top:81px;left:-108px;_left:-559px;  position:absolute; 
							background:url(../imagenes/titulo_superior.jpg) no-repeat}
		#cuerpo_superior{  display: block; z-index:4; width:903px; height:192px; top:126px; left:-59px;_left:-509px; position:absolute; 
							background:url(../imagenes/cuerpo_superior.jpg) no-repeat}
		#banderas{ 		display: block; z-index:4; width:90px; height:50px; top:298px; left:705px;_left:255px; position:absolute; }							
		#cuerpo_central{  display: block; z-index:4; width:903px; height:362px; top:328px; left:-83px; _left:-532px; position:absolute; 
							background:url(../imagenes/cuerpo_central.jpg) no-repeat}														
					
		#portada_botones_superior{  display: block; z-index:10; width:427px; height:51px; top:268px; left:95px; _left:-350px;
									position:absolute; background:url(../imagenes/portada_botones_superior.jpg)}			
		#portada_botonera{  		display: block; z-index:95; width:470px; height:51px; top:319px; left:101px; _left:-343px;
									position:absolute;}		
		#portada_boton{ 			width:92px; position:relative; float:left;z-index:96; }			
		
		#principal_botonera{  		display: block; z-index:10; width:490px; height:51px; top:270px; left:95px; _left:-350px;
									position:absolute;}		
		#principal_boton{ 			width:98px; position:relative; float:left;}																																					

		#seccion{  	display: block; z-index:20; width:732px; height:340px; top:346px; left:72px; _left:-375px; position:absolute;}		
		
		/*-------- fin absolutas ----------------*/
		
			
		#submenu { float:left; width:170px; height:326px; min-height:326px; position:relative;z-index:21;font-size:0.75em}
		#principal { float:left; width:550px; height:340px;position:relative;z-index:22; margin:0;_margin:0px 0 0 0;}		
					 
		#principal_texto {	float:left; width:535px; height:302px;position:relative;z-index:22; margin:0;
							padding:0px 10px 5px 7px; _margin:0px 5px 5px 5px; _width:507px; overflow:auto; background:#aaa}		
										
							
		#submenu_portafolios { float:left; width:120px; height:320px; min-height:320px;
							   position:relative;z-index:21;margin:18px 0 0 0; font-size:0.80em}							
		#portafolios { float:left; width:600px; height:340px;position:relative;z-index:22; margin:0;_margin:0px 0 0 0;}

		#portafolios_encabezado {	float:left; width:550px; height:14px;position:relative;z-index:22; margin:-5px 0 0 0;padding:0 0 5px 0;}							 
		#portafolios_obras {	float:left; width:586px; height:292px;position:relative;z-index:22; margin:0; 
								padding:10px 10px 5px 7px; background:#aaa}		
		#portafolios_obra {	float:left; width:180px; height:145px;position:relative;z-index:20; padding:3px 8px 0px 7px;
							margin:0;_padding:0;  }																		 
		#obras_navegacion { float:left; width:600px; height:25px; min-height:25px; position:relative;z-index:22;
							padding: 1px 0 2px 3px}
		
		
		#exposiciones_fila { float:left; width:544px; height:25px; min-height:25px; position:relative;z-index:22;
							padding: 1px 0 2px 3px}
		
		#exposiciones_texto{ float:left; width:532px; height:182px; min-height:182px;_height:170px;_min-height:170px;
							 position:relative;z-index:22;overflow:auto;
							 padding:6px 10px 4px 8px; font-size:0.75em; background:url(../imagenes/exposiciones_fondo.jpg)}
		#exposiciones_obras{ float:left; width:545px; height:67px; position:relative;z-index:22;margin:3px 0 1px 0; padding:4px 0 0 6px}
		#exposiciones_obra { float:left; width:36px; height:34px;position:relative;z-index:23}	
		
		#exposiciones_ficheros{ float:left; width:545px; height:22px; position:relative;z-index:22;margin:4px 0 0 0;padding:2px 0 1px 6px}
		#exposiciones_fichero { float:left; width:24px; height:21px;position:relative;z-index:23}	
		
		#exposiciones_fotos{ float:left; width:545px; height:34px; position:relative;z-index:22;margin:2px 0 0 0; padding:4px 0 0 6px}
		#exposiciones_foto { float:left; width:44px; height:30px;position:relative;z-index:23}	
		
		#contacto_principal { float:left; width:700px; height:340px;position:relative;z-index:22; margin:5px 0 0 16px;_margin:0px 0 0 0;}
		
		
		
		a.exp_gris:link,a.exp_gris:active,a.exp_gris:visited  { color: #999; text-decoration:none; font-weight:600; font-size:0.8em }
		a.exp_gris:hover  { color: #DDD; text-decoration:none; font-size:0.8em }
		
		a.exp_grisClaro:link,a.exp_grisClaro:active,a.exp_grisClaro:visited  { 	color: #ddd; text-decoration:none;
																				font-weight:600; font-size:0.8em }
		a.exp_grisClaro:hover  { color: #666; text-decoration:none; font-size:0.8em }		
		
		#premio_texto{ 		float:left; width:311px; height:210px; min-height:210px; position:relative;z-index:22;overflow:auto;
							padding:6px 10px 4px 8px; font-size:0.75em; background:url(../imagenes/exposiciones_fondo.jpg)}
		#premio_obra{ 		float:left; width:188px; height:210px; min-height:210px; position:relative;z-index:22; margin: 0 0 0 15px;
							padding:12px 6px 0 12px}							
		#premio_ficheros{ 	float:left; width:545px; height:22px; position:relative;z-index:22;margin:4px 0 0 0;padding:2px 0 1px 6px}							
		
		
		/*-------- generales ----------------*/
		
		a.selecionado:link,a.selecionado:active,a.selecionado:visited   { color: #FFF; text-decoration:none; font-weight:600; }	
		a.selecionado:hover   { color: #eee; text-decoration:none; font-weight:600; }			
		

		a:link ,a:active ,a:visited   { color: #999; text-decoration:none; font-weight:600; }
		a:hover  { color: #DDD; text-decoration:none; }
		
		img { border: 0px;}
		hr { color:#001;}
		
		#cabecera span {	display:none;	}
		#menu_izq span {	display:none;	}
		#menu_dch span {	display:none;	}		
		#submenu span {	    display:none;	}
		#banderas span{ 	display:none;	}			
		#portada_boton span{ 	display:none;	}									
		#principal_boton span{ 	display:none;	}							
		#portafolios span{ 		display:none;	}									
		#submenu_portafolios span{ 	display:none;	}											
		
		h1 {   display:none;	}				
		h2 {   display:none;	}				
		h3 {   display:none;	}						


		.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 a img{  border: thin solid #ddd;}
		.borde_gris_obra {  border: thin solid #eee;}	
		.borde{ border:#333333 solid 1px;}
						
		.alinear_izquierda{ text-align:left; }
		.alinear_derecha{ text-align:right; }		
		.alinear_justificar{ text-align:justify; }
		.alinear_centrado{ text-align:center; }
		
		.altura_centro{ vertical-align:middle}
		.altura_abajo{ vertical-align:bottom}
		
		.cursiva{ font-style:italic}
		.capitular{ float:left; margin:0 2px 0px 0px}
		.subrayado{ text-decoration:underline}
		.negro { color:#000}
		.borde{ border:thin solid #000}		
		.negrita{ font-weight:bold}
		
		.resaltado { color:#a4a4a4; font-weight:bold}
		.selecionado { color:#ddd; font-weight:bold}		
		.capitular { color:#001; font-weight:bold}		
		.permiso { color:#fff;}		
		.comentario { color:#aaa; font-weight:bold;}		
		
		.fondo_blanco { background-color:#FFF }
		.fondo_grisMuyClaro{ background-color:#DDD}
		.fondo_grisClaro{ background-color:#CCC}
		.fondo_gris{ background-color:#999}
		.fondo_grisOscuro{ background-color:#555}
		.fondo_negro { background-color:#000 }

		
		
		.scroll {	scrollbar-arrow-color:#fff; scrollbar-track-color:#CCC; scrollbar-shadow-color:#aaa;
					scrollbar-face-color:#888; scrollbar-highlight-color:#777; scrollbar-darkshadow-color:#888;
					scrollbar-3dlight-color:#ddd;		}
					
		.rollover img{
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* Opacidad en IE de 0 - 100 */			
			-moz-opacity: 1;											/* Opacidad en Mozila 0 - 1 */
		}			
		.rollover:hover img{
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
			-moz-opacity: 0.5;
		}
		.rollover:hover{
			color: red; /* Dummy definition to overcome IE bug */
		}
		/********* Sombras adjunto js ******************************/
		.shadow{ position:relative; display:inline; background:#555; z-index:100 }

		.shadow_inner{ overflow:hidden; position:absolute; top: -1000px; 
				filter:alpha(Opacity=10); opacity:0.1; /*firefox 1.5 opacity*/
				-moz-opacity:0.1; /*mozilla opacity*/-khtml-opacity:0.1; /*opacity*/z-index:10;}	
				
		/********** Rollover *************/

		a img{filter: alpha(opacity=100); opacity:1;}						
		a:hover img{ filter: alpha(opacity=50); opacity: 0.5;}	

		/******************* fin Rollover */