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

	WWW.PMDGRANADA.ES 		
	Versión 2.2. Fecha: 10 de Octubre de 2007.
	Antonio Salguero 
	--------------------------------------------		
	Estructura General del HTML:	
		=> #Container
			-> #Servicios 		
			-> #Area_Logo 		
			-> #Area_Navegar		
			-> #Area_Baner		//		-> #Area_Portada
			-> #Area_Central
				+ #Zona_Menu 		
				+ #Zona_Contenido
			-> #Area_Pie
			-> #Cpyrights
-----------------------------------------------*/
/*=================================================== 
			Definiciones Generales
===================================================== */

  *	{ margin: 0; padding: 0; font-size: 100%; color: #888; }

	P , A {	font-size: 100%; }

/* --------------- Estilos ---------------------- */
	H1 {	font: bold 120% "Lucida Sans","Trebuchet MS", Arial, Helvetica; }
	H2 {	font: bold 120% "Lucida Sans","Trebuchet MS", Arial, Helvetica; }
	H3 {	font: bold 110% Arial, Verdana, helvetica; }
	H4 {	font: bold 110% Arial, Verdana, helvetica; }
	H5 {	font: bold 100% Verdana, helvetica; }
	H6 {	font: bold 100% Verdana, helvetica; } 
	H1 , H2, H3, H4, H5, H6, P { Line-height: 140%;}

/* --------------- Enlaces ---------------------- */ 
	A, A:visited { 	color: #0af; text-decoration: none; } 
	A:hover, A:active {		color: #e90; }

/* ------------ Tablas y Formularios ------------- */
  UL, OL, LI, DL, DT, DD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  100%;  
	}
  FIELDSET, LEGEND, LABEL, TEXTAREA, SELECT, OPTION, INPUT {
	font-family:  Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 100%;  
    }
  TABLE, TBODY, THEAD, TFOOT, TR, TH, TD { 	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:  100%; 
	vertical-align: top;
 	}
	
  IMG { border: 0px; }
  HR { border: thin dotted #eee; }

/*=================================================== 
			 Clases de Accesibilidad
===================================================== */
  .DatosOcultos { display: none !important } /* solo en version sin hoja de estilos */
  .DatosTapados { padding-top: 100px !important; } /* solo en version sin fotos */
  .DatosAccesibles { position: absolute !important; left:-2000px !important; } 
  /* fuera de pantalla pero acceso con teclado */

/*=================================================== 
			 Estructura Principal
===================================================== */
	BODY {
		text-align:center; 
		font: normal 70% Verdana, Arial, helvetica, sans-serif;
		background: #f8f8f8 url() ;
		} 
		/* ojo con IE que no entiende bien los padding en % */

/* --------------- Containers Pagina ---------------------- */
  #Container {
	text-align:center;
	margin: 0px auto; 
	}	

/*  #Servicios.Ancho_Pagina { width:800px; }
  #Area_Logo.Ancho_Pagina { width:800px; }
  #Area_Baner.Ancho_Pagina { width:800px; }
  #Area_Navegar.Ancho_Pagina { width:800px; }
  #Area_Portada.Ancho_Pagina { width:800px; }
  #Area_Central.Ancho_Pagina { width:800px; }
  #Area_Pie.Ancho_Pagina { width:800px; }
  
  #Servicios.Ancho_Pagina { width:71.95em; }
  #Area_Logo.Ancho_Pagina { width:71.95em; }
  #Area_Baner.Ancho_Pagina { width:71.95em; }
  #Area_Navegar.Ancho_Pagina { width:71.95em; }
  #Area_Central.Ancho_Pagina { width:71.95em; }
  #Area_Pie.Ancho_Pagina { width:71.95em; }*/
  div.Ancho_Pagina { width:800px; }

/*=================================================== 
		Menus Accesorios en la Pagina
===================================================== */
  #Fondo_Servicios { 	
	border-bottom: 2px solid #fcfcfc;
	background: #f8f7f6 url("../diseno/gris.gif") left -2px repeat-x;
	}
  #Servicios { 
	margin: 0px auto; 
	text-align: center;	
	padding: 4px 0;
	}
  #Servicios .enlaces  { 
	color: #acd; 
	}
  #Servicios .enlaces A, #Servicios .enlaces A:visited { 
	font: normal 100% tahoma, Helvetica, sans-serif !important; color: #987;
    }
  #Servicios .enlaces A:hover { text-decoration:underline;  color: #e90; }

/*=================================================== 
			 FONDO Area Cabecera
===================================================== */
  #Fondo_Cabecera { 	
	border-top: 1px solid #eee;
	background: #eeeff1 url("../diseno/sombra_g.png") center -2px repeat-x;
	}

/* --------------- Area LOGO ---------------------- */

  #Area_Logo {
	background: #fff url() center top no-repeat;
	background: #fff url("../diseno/sombra_c.png") right repeat-y;
	text-align: center;	
	position:relative;
	margin: 0px auto; 	
	padding: 15px 0;
	height: 50px; 
	}
  #Area_Logo #a_portada { display:block;
	margin-left: 10px;
	padding: 0 3px;   color: #e90;
	float:left; 
	}
  #Area_Logo #a_privado {  display:block;
	margin-right: 10px;
	padding: 0 3px;  color: #e90;
	float:right; 
	}
	
  #Area_Logo #a_img_pmd { 
	position: absolute; 
	height: 50px; 
	top:15px; 
	left:120px; 
	} 
	
/*=================================================== 
			 Area Navegar
===================================================== */
  #Fondo_Area_Navegar { 	
	background: #72b0ec url();
	background: #09e url("../diseno/monigotes.png") center center repeat-x;
	}
	#Area_Navegar  {
	text-align: right;
	margin: 0 auto;
	height: 2.41em;
	background: #09e url("../diseno/bg_nav.png") center center repeat-x;
	padding: 0.38em 0px 0;
	}

/* --------------- Estilos del menu de navegación ---------------------- */

	/* quita viñetas y fija padding */
	#Area_Navegar .Menu_Nav UL { 
		list-style-type:none;
		padding: 0px; /* necesario para que no salga por arriba el marco */
		text-align: center;		
		}
	/* Float left lo hace horizontal.... 
	Y position relative sirve para posicionar subnivel */
	#Area_Navegar .Menu_Nav LI{
		float:left;
		position:relative;
		z-index:900;
		}
	/* necesario para IE 5.0, 6.0 */
	#Area_Navegar .Menu_Nav TABLE {
		position:absolute;
		border-collapse:collapse;
		z-index:800;
		left: 0px;
		top:1.75em; /* margen igual al alto de la barra de titulo */
		color: #fff;
		background-color:#c0cacf;
		}
	/* General para todos los titulos y subtitulos */
	#Area_Navegar .Menu_Nav LI,
	#Area_Navegar .Menu_Nav A,
	#Area_Navegar .Menu_Nav A:visited {
		font: bold 1.08em "Trebuchet MS", Tahoma, arial, helvetica, sans-serif;
		display:block;
		color: #FFF; 
		}
	/* Especifico de los titulos */
	#Area_Navegar .Menu_Nav LI A, 	
	#Area_Navegar .Menu_Nav LI A:visited   {
		width:157px; /* 157px ¿?   margin-right: 50px; */
		padding: 3px 0px 3px;  
		color: #f5f5f5; 
		}
	#Area_Navegar .Menu_Nav LI:hover {
		background-color: #009ff2; 
		color: #fff; 
		/* fija color de fondo de la barra cuando se entra en el submenu */
		}
	#Area_Navegar .Menu_Nav LI A:hover{
		background-color: #009ff2; 
		color: #fff; 
		} 
	/* Especifico de los subtitulos */
	#Area_Navegar .Menu_Nav LI LI A, 	
	#Area_Navegar .Menu_Nav LI LI A:visited {
		width:150px; /* 150px ¿?*/
		padding: 4px 3px; 
		font: normal 0.90em Arial, helvetica, sans-serif; 
		background:  #fff url("../diseno/gris.gif") 0 0px repeat-x;
		border: 1px solid #9bd;
		border-top:none;
		color: #09e; /* color texto oscuro*/
		}
	#Area_Navegar .Menu_Nav LI LI A:hover {
		color: #a50; 		
		background:  #fff url();
		}
	/* Oculta subtitulos */
	#Area_Navegar .Menu_Nav UL UL {
		visibility:hidden;
		position:absolute;
		width:180px; /* 180px  para que se apilen unos bajo otros en IE 7.0 */
		height:0;
		}
	/* Muestra subtitulos al pasar encima */
	#Area_Navegar .Menu_Nav UL LI:hover UL ,
	#Area_Navegar .Menu_Nav UL A:hover UL { visibility:visible; }

/*=================================================== 
			 Area BANER					#5b7bb4;
===================================================== */
  #Fondo_Area_Baner { 
			}
	#Area_Baner {
		position:relative;
		height: 0px; 
		margin: 0px auto;
		}
/*  ---- Foto de portada  -----  */
	#EntrarOE { 
		text-align:left;
		height: 97px; 
		z-index:500; 
		padding: 0px;
		height: auto; 
		}
	#EntrarOE a#OE  {
		top:0; left: 0px;
		position:absolute;
		display: block;
		width:218px;
		height: 97px; 
		background: #fff url(../diseno/oficina.png)  -1px -102px no-repeat;
		overflow:hidden; 
		}
	#EntrarOE a:hover#OE {
		background: #fff url(../diseno/oficina.png)  -1px -2px no-repeat;
		}
/*=================================================== 
			 Area Portada					
===================================================== */
	#Area_Portada { 
		width:800px;
		height:460px;	
		margin: 0 auto;
		position:relative;
		text-align: left;
		background: #f4f4f4  url(../diseno/bg_boton.png) 0px 5px repeat;
		}
/* ---- Pantalla Rodante para Avisos y Noticias ----- */
	#Zona_Avisos { position:relative;
		left:12px;
		text-align:left; 
		width: 520px; 
		height: 300px;
		overflow:hidden; 
		background-color: #eee;
		border: 1px solid #f8f8f8;
		}	
	#Zona_Avisos #Aviso_0 { /*  ---- Foto de portada  -----  */
		position:absolute;
		margin: 10px;
	    background:  url(../secciones/portada/fotos/foto0.jpg) center center no-repeat; 
		height: 280px; 
		width: 500px;
		overflow:hidden;
		display:block; 
		}
	#Zona_Avisos .Aviso { /*  ---- Información de cada Area  -----  */
		position:absolute; 
		margin: 10px;
		background:#313538 url();
		height: 250px; 
		width: 470px;
		overflow:auto; 
		padding:15px;
		color: #fff;
		text-align:left;
		}
	#Zona_Avisos * { color: #fff; }
	#Zona_Avisos H1 {
		text-align:center;
		color: #fb0;
		padding: 2px 2px;
		border-bottom: 1px dotted #fb0;
		}
	#Zona_Avisos UL {
		list-style-type: decimal;
		}
	#Zona_Avisos UL UL {
		list-style-type: disc; 
		margin-left:20px;
		}
	#Zona_Avisos A { color: #0df; }
	#Zona_Avisos A:hover { text-decoration:underline; color:#fb0 }

	#Zona_Avisos DIV.marconoticia {
		width:99%; 
		background-repeat: no-repeat;
		background-position: left top;
		margin: 5px 0;
		}
	#Zona_Avisos DIV.noticia {  
		margin-left:110px; 
		padding-left:20px; 
		background:#313538 url();
		}
	#Zona_Avisos .Capas div {  
		padding-left:60px; 
		}
/* ---- Botones para Acceder A los Avisos y Noticias ----- */
	#Zona_Botones { 
		position:relative;
		left:0px; 
		top:-300px;
		text-align:left; 
		}
	#Zona_Botones A.Boton { 
		display:block;
		position:absolute; 
		width: 225px; 
		height: 55px;
		overflow:hidden; 
		}
	#Zona_Botones A#Boton_1 { /* oficina */ background: url(../diseno/botones.png) -3px -2px no-repeat; }
	#Zona_Botones A#Boton_2 { /* fisicas */ background: url(../diseno/botones.png) -3px -60px no-repeat; }
	#Zona_Botones A#Boton_3 { /* medicas */ background: url(../diseno/botones.png) -3px -118px no-repeat; }
	#Zona_Botones A#Boton_4 { /* natural */ background: url(../diseno/botones.png) -3px -176px no-repeat; }
	#Zona_Botones A#Boton_5 { /* escolar */ background: url(../diseno/botones.png) -3px -234px no-repeat; }
	#Zona_Botones A#Boton_6 { /* juegos  */ background: url(../diseno/botones.png) -463px -2px no-repeat; }
	#Zona_Botones A#Boton_7 { /* media   */ background: url(../diseno/botones.png) -463px -60px no-repeat; }
	#Zona_Botones A#Boton_8 { /* adaptad */ background: url(../diseno/botones.png) -463px -118px no-repeat; }
	#Zona_Botones A#Boton_9 { /* instala */ background: url(../diseno/botones.png) -463px -176px no-repeat; }
	#Zona_Botones A#Boton_10 { /* avisos */ background: url(../diseno/botones.png) -463px -234px no-repeat; }

	#Zona_Botones A:hover#Boton_1 { /* oficina */ background: url(../diseno/botones.png) -233px -2px no-repeat; }
	#Zona_Botones A:hover#Boton_2 { /* fisicas */ background: url(../diseno/botones.png) -233px -60px no-repeat; }
	#Zona_Botones A:hover#Boton_3 { /* medicas */ background: url(../diseno/botones.png) -233px -118px no-repeat; }
	#Zona_Botones A:hover#Boton_4 { /* natural */ background: url(../diseno/botones.png) -233px -176px no-repeat; }
	#Zona_Botones A:hover#Boton_5 { /* escolar */ background: url(../diseno/botones.png) -233px -234px no-repeat; }
	#Zona_Botones A:hover#Boton_6 { /* juegos  */ background: url(../diseno/botones.png) -693px -2px no-repeat; }
	#Zona_Botones A:hover#Boton_7 { /* media   */ background: url(../diseno/botones.png) -693px -60px no-repeat; }
	#Zona_Botones A:hover#Boton_8 { /* adaptad */ background: url(../diseno/botones.png) -693px -118px no-repeat; }
	#Zona_Botones A:hover#Boton_9 { /* instala */ background: url(../diseno/botones.png) -693px -176px no-repeat; }
	#Zona_Botones A:hover#Boton_10 { /* avisos */ background: url(../diseno/botones.png) -693px -234px no-repeat; }

/*=================================================== 
	 	Area Central (division por zonas)

===================================================== */
  #Fondo_Area_Central {
	background: #eeeff1 url("../diseno/sombra_g.png") right -1px repeat-x;
	clear:both;
	}
	#Area_Central { 
		background: #fff url("../diseno/sombra_c.png") left 0 repeat-y;
		overflow: hidden;
		margin: 0px auto;
		text-align:left;
		}
	#Area_Central_2 { 
		background: transparent url("../diseno/sombra_b.png") right -3px repeat-x;
		width: 100%;
		padding-top: 6px;
		}
	#Zona_Menu { 
		padding: 100px 0 20px; /* 97 = alto oficina.png */
		float: left;
		width: 25%;	/* 17.82em; 200px; 25%; */
		overflow: hidden; 
		}
	#Zona_Contenido { 
		position:relative;
		float: right;
		width: 74.7%; /* 53.29em; 598px; 74.7%; */
		overflow: hidden; 
		margin-top: 0px;
		text-align:left; 
		background:  transparent url("../diseno/sombra_c.png") right repeat-y;
		}
	/* ............................................. */
	#Menu {
		margin: 10px;
		text-align:left; 
		width: 90%; /* 16.0em; 180px; 90%(de 200px); */
		}
	#Contenido  { 
		margin: 15px 0px 20px 24px; 
		padding: 0 24px 0 0px; /* sirve para que la barra overflow ocupe ese hueco */
		text-align: justify; 
		/* espacio de trabajo 598zona - 24marginleft- 24paddingright = 550px  */
		width: 91.8%; /* 91.9%(de 598px); */
		overflow: auto;
		color:#787065;
		}
	
/*=================================================== 
			 Menus
===================================================== */
	#Menu * { color: #876;}
	#Menu P, #Menu LI { font: normal 100% Arial, Helvetica, sans-serif; }
	#Zona_Menu H4 {
		text-align:center;
		color: #a50; /* color titulo */
		padding: 10px 2px 30px;
		text-transform:uppercase;
		back ground:#ffeac0 url( );
		}
	#Menu UL { 
		list-style-type: none;
		}

	#Menu UL LI {
		margin-bottom: 15px; 
		padding: 0px;
/* border: 1px solid #f5f5f5; */
		text-align:center;
		} /* sin borde-bottom no funciona en IE-6 */
	#Menu A {
		display: block; 
		font: normal 110% Arial, Helvetica, sans-serif;
		}
	#Menu UL LI A {
		color: #fff;
		margin: 0px;
		padding: 3px 0px;
		font-weight: bold;
		border: none;
		background-color: #09e; /* fondo azul claro */
	}
	#Menu UL UL {
/*	list-style-type: disc;
	list-style-position: inside; */
		}

	#Menu UL UL LI { 
		padding: 0px;
		margin: 0px;
		text-align:left;
		background-color: #fff;
		border: none;
		border-top: 1px solid #fcfcfc;
		border-bottom: 1px solid #f5f5f5;
		} /* sin borde-bottom no funciona en IE-6 */
	#Menu UL UL LI A {
		color: #a50;
		margin: 0px; padding: 3px;
		line-height: 140%;
		font-weight: normal;
		border: none; 
		background:  #fff url("../diseno/gris.gif") right top repeat-x;
	}
	#Menu UL UL UL { 
/*		list-style-type: decimal;*/
		border: none;
		}

	#Menu UL UL UL LI {
		margin: 0px;
		text-align:left;
		} 
	#Menu UL UL UL LI A {
		padding-left: 15px;
		margin: 0px;
		border:none;
		color: #09e; /* color texto azul*/
		background:  #fff url("../diseno/gris.gif") right -10px repeat-x;
		}
	#Menu UL LI A:hover 	{
		color:  #fff;
		}
	#Menu UL UL LI A:hover 	{
		color:  #e90; 
		text-decoration:underline;
		background:  #fff url();
		}
	
/* ..................... */
	#Zona_Menu IMG { 
		margin: 10px; display:block;
		width:80%;
		}
/*=================================================== 
			 Zona_Contenido
===================================================== */
	#Zona_Contenido .migajas { 
		color: #9ac;
		background-color:#f0f2f8;
		padding-left: 20px; 
		}
	#Zona_Contenido .migajas A {
		font-size: 90%;
		color: #8c2;
		}
	#Zona_Contenido .migajas A:hover {
		color: #e90;
		text-decoration: underline;
		}

/* -------- Contenido  ------------------------- */
/* ......#8c2 verde.....#e90 naranja.......#28e azul......*/
	#Contenido H1 {
		clear:both;
		text-align: center;
		color: #a50; /* color texto marron*/
		padding: 5px 0px 10px; 
		background: #f9f9f9 url("../diseno/sombra.gif") center bottom no-repeat;
		}
	#Contenido H2 {
		clear:both;
		text-align: center;
		color: #09e; /* color titulo */
		background: #f9f9f9 url("../diseno/sombra.gif") center bottom no-repeat;
		padding: 5px 0px 10px; 
		}
	#Contenido H3 {
		text-transform:  uppercase; 
		color: #e90; /* color texto naranja*/
		padding: 15px 0px 0px 20px;
		margin-bottom: 10px;
		background: url(../diseno/flecha_nar.gif)  left 18px no-repeat;
		border-bottom: 2px dotted #f5eac0;
		}
	#Contenido H3.verde {
		text-transform:  uppercase; 
		color: #8c2; /* color texto verde*/
		background: url(../diseno/opcion.gif)  left 15px no-repeat;
		border-bottom: 2px dotted #ded;
		}
	#Contenido H3.rojo {	
		color: #f33; /* color texto rojo*/
		background: url(../diseno/cerrado.gif)  left 15px no-repeat;
		border-bottom: 2px dotted #f5cfbf;
		}
	#Contenido H4 {
		text-transform:  uppercase; 
		padding: 15px 0px 0px 20px;
		margin-bottom: 10px;
		border-bottom: 2px dotted #e0ecff;
		color: #09e; /* color texto azul*/
		background: url(../diseno/flecha_azul.gif)  left 18px no-repeat;
		}
	#Contenido H5 {
		color: #a50; /* color texto naranja*/
		padding: 5px 0px 3px;
		}
	#Contenido H6 {
		color: #09e; /* color texto azul*/
		padding: 5px 0px 3px;
		}
/* -------- Estilos de los Parrafos y Cajas ------------------ */
	#Contenido P { padding-bottom: 7px; text-indent: 0px; }	
	#Contenido LI P { text-indent: 0px; margin-left: 10px; }	
	#Contenido .nota 	{ color: #a30;	font-style: italic; }
	#Contenido .centrar { text-align: center; text-indent: 0px;	}

/* -------- Estilos especiales  ------------------------- */
	#Area_Central .firma_pie_clear { 
		padding: 10px 0;
		text-align: center; 
		color: #e90;	 font-style: italic;
		clear: both; 
		}
	#Area_Central .firma { 
		padding: 10px 0;
		text-align: center; font-style: italic;
		clear: both; 
		}
	#Contenido DIV.caja, 
	#Contenido DIV.cajaizq, 
	#Contenido DIV.cajadcha { 	
		border: 1px solid #f3f5f7; padding: 0 20px; width:100%;
		margin: 0px auto; height:120px; overflow:hidden;
		background: url(../diseno/gris.gif)  left top repeat-x;
	}
	
/* -------- Estilos de las Noticias-------------- */
	#Contenido DIV.marconoticia {
		width:99%; 
		background-repeat: no-repeat;
		background-position: left top;
		margin: 5px 0;
		}
	#Contenido DIV.noticia {  
		margin-left:110px; 
		padding-left:20px;
		background-color:#FFFFFF; 
		}
/* -------- Estilos en las listas ------------- */
	#Contenido UL, 
	#Contenido OL { Line-height: 140%;
		margin: 5px 10px;
		padding-left: 20px;
		}
/* -------- Estilos en los enlaces ------------- */
/*	#Contenido A {
		color: #9b0;		
		}*/
	#Contenido A:hover {
		text-decoration: underline;
		}

/* .......	Estilos en las FOTOS  ........... */
	#Contenido IMG {
		background: transparent;
		margin: 0px;
		}
	#Contenido .foto {		margin: 0px 0;	width: 100%; }
	#Contenido .fotoizq { 	margin-right: 20px;	}
	#Contenido .fotodcha {	margin-left: 20px;	}

/* .......	Estilos en las Iframes ........... */
	#Contenido IFRAME#google {
		width:100%;
		height: 510px;
		}

/* ....... Estilos de los Menus de Capas ......... */
	#Contenido .Menu_Capas { 
		margin-top: 20px;
		} 
	#Contenido .Menu_Capas IMG {
		width: auto;
		border: 4px solid #fff; 
		}	
	#Contenido .Menu_Capas UL {
		padding: 0;
		margin: 0; list-style: none; LIne-height:25px;
 		} 
	#Contenido .Menu_Capas UL LI {
		display: inline; 
		}

	#Contenido .Menu_Capas UL LI A {
		text-decoration: none;
		font-weight:bold;
		padding: 5px 5px;
		background: #e5e5e5;
		color: #777;
 		border: 2px solid #e5e5e5;
		}
	#Contenido .Menu_Capas UL LI A:hover,
	#Contenido .Menu_Capas UL LI A.CapaActiva {
		color: #e90;
 		border: 2px solid #f6f6f6;
		background: #f6f6f6;
		}
/* ....... Estilos de las Capas......... */
	#Contenido .Capas {
		background: #f6f6f6 url(../images/recuadro1.gif) left top no-repeat;
		padding: 0px 20px 20px 20px;
		border-bottom: 5px solid #f0f0f0;
		/*	background-color: #F9FBEE;*/
		}

/* ------- Estilos de las Tablas ------------- */	
	#Contenido TABLE {
		width:100%;
		margin: 0px auto;
		padding: 0px;
		border: 1px solid #f5f1d0; 
		border-collapse:collapse;
		font: normal 100% verdana, arial, helvetica, sans-serif;
		background: #fff url(../diseno/gris.gif) left top repeat-x;
		}
	#Contenido TH,
	#Contenido TD {
		text-align:left;
		vertical-align: top; 
		padding: 3px 3px;
		border-bottom: 1px solid #f5f1d0;
		}
	#Contenido TD .izq {
		background: #f0f0da;
		}
	#Contenido TD .drc {
		background: #f8f7e2; text-align: right;
		}
	#Contenido TABLE .center {
		width: 100%;
		}
	#Contenido TABLE .center TD {
		text-align: center;
		}
	#Contenido TD .title {
		font-weight: bold; background: #ddd771; color:#403d00
		}
	#Contenido TD P { padding: 0; margin: 0; }
	#Contenido TABLE.gris { background: none; border: none; }
	#Contenido TABLE.gris TD { 
		background: url("../diseno/gris.gif")  left top repeat-x;
		border: 1px solid #eee
		}

/*=================================================== 
			 Area Pie
===================================================== */
	
  #Fondo_Area_Pie { 	
	background: #f8f8f8 url("../diseno/fondo_pie.png") repeat-x;
	}
  #Area_Pie { 
	margin: 0px auto; 
	text-align:center;
	background: #fbfbfb url("../diseno/monigotes.png") center bottom repeat-x;
	padding: 5px 0px 30px; 
	border-bottom: 5px solid #e9eff3 ;
	}
  #Area_Pie .enlaces  { 
	color: #acd;   
	padding: 10px 0 10px; 
	background: transparent url("../diseno/sombra_m.png") center bottom repeat-x ;
	}
  #Area_Pie .enlaces A, #Area_Pie .enlaces A:visited { 
	font: normal 100% tahoma, Helvetica, sans-serif !important;
	color: #987;
	}
  #Area_Pie .enlaces A:hover { text-decoration:underline;  color: #e90; }
/*=================================================== 
			 Area COPY
===================================================== */
	#Copyright { 
		text-align:center;
		padding: 5px 0 20px; 
		margin: 0px auto;
	}
	#Copyright * {
		font: normal 100% tahoma, Helvetica, sans-serif !important;
		color: #987;  
		}
	#Copyright .Menu_Capas {
		margin: 0px auto;
		width:60%;
		}
	#Copyright .Menu_Capas UL {
		padding: 0px; 
		margin: 0px;
		}
	#Copyright .Menu_Capas LI {
		display: inline; 
		padding: 0px 5px;
		margin: 0px;
		}
	#Copyright .Menu_Capas A {
		padding: 5px 5px 5px; Line-height:20px;
		color: #a50; 
		font-weight:bold;
		text-decoration: none;
		}
	#Copyright .Menu_Capas A:hover, 	#Copyright .Menu_Capas A.CapaActiva  { 	
		color: #E80;
		text-decoration: underline;
		}
	#Copyright .Capas {
		padding: 5px;
		}
	#Copyright .copyright { 
		margin: 0px 100px 20px; 
		}

/* ............................................................... */
iframe {
	width:100%;
/*	height: 500px;*/
	}
/*=================================================== 
	COPYRIGHTS
	Sombra en CSS. (IE6+, Firefox)
	By Antonio Salguero 
	
	- Establecer Gama de Colores para cada sombra
	- Ancho de la sombra y grosor
=====================================================  */	
/*	.Sombra {
			margin: 0px auto; 	
			height: 100%;	
			width: 810px;  
			border: 3px solid #8b8b8b;
			overflow:hidden;
		 	}
	.S1 {	border: 2px solid #878787; width: 806px;  }	
	.S2 {	border: 1px solid #808080; width: 804px;  }	
	.S3 {	border: 1px solid #808080; width: 802px;   }	
	.S4 {	border: 1px solid #777; width: 800px; }
 	.S2, .S4 {  border-top: none; }*/ /* Eliminar las sombras que no se deseen */