/* CSS Document */
html{
	width:100%;
	height:100%;
	float:left;
	border-top:5px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	padding:0 0 0 0;
	
}

body{
	width:100%;
	height:100%;
	float:left;
	margin:0;
	padding:0;
	background:url(../img/body_bg.gif) top left repeat;
	border-top:5px solid #00776e;
	position:relative;
	font-size:1em;
	}
	
	
a{	text-decoration:none; }
a:hover{ text-decoration:underline }
	
	#contenedor_global{
		width:978px;
		margin:auto;
		padding:0;
		
		}
		
		#contenedor{
			width:100%;
			float:left;
			margin:0;
			padding:0;
			height:400px;			
			background:url(../img/contenedor_bg.gif) top left repeat-y #ffffff;
			
			}
			*>#contenedor{ min-height:400px; height:auto; }
			
			#cuerpo{
				width:971px;
				float:left;
				margin:0 0 0 2px;
				padding:0;
				height:auto;
				overflow:hidden;				
				}
				*>#cuerpo{ width:973px; min-height:400px; height:auto; margin:0 0 0 3px; }


/*	UTILIDADES Y ESTILOS	*/		

#utilidades{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	background:#f00;
	height:34px;
	position:absolute;
	top:121px;
	left:0;
	background:url(../img/utilidades_bg.gif) top left repeat-x;
	}
	
	#utilidades div.cuerpo{
		width:973px;
		margin:auto;
		padding:0;
		float:none;
		}
		
	#utilidades ul{
		float:right;
		margin:12px 9px 0 0;
		padding:0;
		}
		*>#utilidades ul{
			margin:12px 17px 0 0;
		}
		#utilidades li{	
			height:18px;
			background:url(../img/utilidades_separador.gif) top right no-repeat; 
			padding:0 8px 0 0; 
			margin:0 0 0 8px;	
			}
			*>#utilidades li{	
				margin:0 0 0 8px;	
			}
			#utilidades li.ultimo{ background:none }
			
		#utilidades a{ color:#00776e; }
	

/*	CABECERA Y ESTILOS CABECERA		*/			
				
#cabecera{
	width:100%;
	float:left;
	margin:0;
	padding:0;				
	height:125px;
	}
	#cabecera h1{
		display:block;
		width:285px;
		height:121px;
		background:url(../img/logo.gif) top left no-repeat;
		float:left;
		margin:0;
		padding:0;
		}
		#cabecera h1 a{ display:block; width:100%; height:121px; float:left; }
		#cabecera h1 span{ display:none }
		
	
	#imagen_cabecera{
		width:670px;
		height:121px;
		overflow:hidden;
		float:right;
		margin:0;
		padding:0;
		}
		
/*	CONTENIDO Y ESTILOS */	

#contenido{
	width:100%;
	float:left;
	margin:31px 0 0 0;
	padding:0;
	height:400px;					/*OJO*/
	
	}
	*>#contenido{
		min-height:400px;
		height:auto;
	}



/*	NAVEGADOR Y ESTILOS		*/

#navegador{
	width:100%;
	float:left;
	margin:0 0 19px 0;	
	height:28px;	
	}
	#navegador ul{
		margin:8px 0 0 7px;
		}
		*>#navegador ul{ margin:8px 0 0 14px; }
		#navegador li{
			padding:0 14px 0 0;
			margin:0 6px 0 0;
			background:url(../img/navegador_separador.gif) top right no-repeat;
			}
			#navegador li.ultimo{
				margin:0;
				padding:0;
				background:none;
				}
				
				#navegador li a{ color:#333333; font-size:.9em; }
				#navegador li a.especial { font-weight:bold }


/*	MENU Y ESTILOS	*/

#menu{
	width:187px;
	float:left;
	margin:0 0 0 0;
	padding:0;
	height:auto;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-left:3px solid #00776e;
	}
	*>#menu{
		margin:0 0 0 1px;
		}
		
	#menu ul{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;		
		}
		#menu li{
			width:100%;
			float:left;
			margin:0;
			padding:0;
			border-top:1px solid #e5e5e5;
			height:auto;
		}
		#menu li a{
			width:164px;
			margin:1px 0 0 0;
			padding:10px 0 10px 22px;
			display:block;
			font-weight:bold;			
			color:#00776e;
			font-size:1.1em;
			background:url(../img/menu_bullet.gif) 9px 15px no-repeat;
			}
			#menu li a.selec{ background:url(../img/menu_bullet_selec.gif) 9px 15px no-repeat #f9f9f9;}
			#menu li a:focus{ border:none; outline:none }
			#menu ul.submenu li a.selec{ text-decoration:underline; background:none; color:#666; }
			#menu li li{ border:none; background:#f9f9f9;}
			#menu li ul{ margin-bottom:1px }
			#menu li li a{				
				font-weight:normal;
				color:#aaa;
				border:none;
				padding:1px 0 1px 22px;
				margin:0 0 10px 0;					
				}


/*	CONTENIDO_WEB Y ESTILOS		*/

#contenido_web{
	width:760px;
	height:auto;
	margin:0 0 0 10px;
	padding:29px 0 0 0;
	float:left;
	overflow:hidden;
	background:url(../img/contenido_web_bg.gif) top left repeat-x #fff;
	
	}
	

/*	IMAGEN SECCION	Y ESTILOS		*/

#imagen_seccion{
	width:760px;
	height:156px;
	overflow:hidden;
	float:left;
	margin:0 0 12px 0;
	padding:0;
	}
	
	
/*	BODY Y ESTILOS	*/

#body{
	width:758px;
	float:left;
	margin:0 0 100px 0;
	padding:0 0 13px 0;
	border:1px solid #e5e5e5;
	height:auto;
	color:#3b3b3d;
	position:relative;
	z-index:1;	
	}
	
	#body a{
		font-weight:bold;	color:#00776e; 
	}
	
	#body .body_margen{
		width:736px;
		float:left;		
		margin:0;
		padding:0 0 0 11px;
		font-size:1.1em;
		overflow:hidden;
		height:auto;		
		}
		
	#body h2.titulo{
		width:100%;
		float:left;
		margin:0 0 21px 0;
		padding:14px 0 11px 0;
		border-bottom:1px solid #e5e5e5;
		font-size:1.9em;
		color:#3b3b3d;
		font-weight:normal;
		}
		#body h2.titulo span{
			display:block;
			width:auto;
			float:left;
			margin:0;
			padding:0;
		}
		#body h2.titulo span.subtitulo{
			font-size:.5em;
			margin:8px 0 0 4px;
			padding:0 0 0 17px;
			color:#333333;
			background:url(../img/titulo_separador.gif) 0 3px no-repeat;
			}
			*>#body h2.titulo span.subtitulo{ margin:8px 0 0 8px; }
			
			#body span.subtitulo span{ display:none }
	
		#body h3{
			color:#00776e;
			font-size:1.2em;
			display:block;
			width:100%;
			margin:0;
			float:left;
			clear:both;
			padding:0 0 7px 24px;
			background:url(../img/h3_bullet.gif) 14px 5px no-repeat;
		}
		#body div.texto h3{
			padding:0 0 7px 10px;
			margin:5px 0 5px 0;
			background:url(../img/h3_bullet.gif) 0 5px no-repeat;
			color:#666;
		}
		
		#body div.texto{
			width:694px;
			float:left;
			margin:0 0 10px 12px;
			padding:0;			
			
			}
			*>#body div.texto{
				margin:0 0 10px 24px;
			}
		
		#body div.texto p{
			position:relative;
			z-index:1;
			width:100%;
			float:left;
			margin:5px 0 10px 0;
			padding:0;
		}
		#body div.curricula{
			z-index:1000;
			position:relative;
			display:none;
			float:left;
			overflow:hidden;
			height:auto;
			padding:10px 0 0 15px;
		}
		#body div.descargas{
			width:100%;
			float:left;
			margin:0 0 22px 0;
			padding:0;
			height:51px;
			background:url(../img/descargas_bullet.gif) top left no-repeat #f9f9f9;
			}
		
		#body div.descargas a{
			width:auto;
			display:block;
			float:left;
			margin:0;
			padding:12px 0 0 52px;
			font-size:.9em;
			font-weight:bold;
			color:#cc0000;
			}
			#body div.descargas a:hover{ text-decoration:none }
			#body div.descargas a span{ text-decoration:underline }
			#body div.descargas a span.resumen{
				display:block;
				float:left;
				clear:both;
				width:100%;
				margin:4px 0 0 0;
				padding:0;
				color:#666;
				text-decoration:none;
				font-weight:normal;
				font-size:.9em;
				}
				
		
		#body ul.utilidades{
			width:100%;
		}
		#body ul.utilidades li{
			width:auto;
			float:left;
			clear:none;
			margin:0 8px 0 0;
			padding:0 8px 0 0;
			background:url(../img/utilidades_contenido_separa.gif) top right no-repeat;
		}
		#body ul.utilidades li.ultimo{ margin:0; padding:0; background:none }
		#body ul.utilidades a { display:inline; color:#666; font-weight:normal; }
		#body ul.utilidades a.volver{
			padding:0 0 0 21px;
			background:url(../img/volver.gif) 9px 4px no-repeat;
		}
		#body ul.utilidades a.imprimir{
			padding:0 0 0 16px;
			background:url(../img/imprimir.gif) 0 2px no-repeat;
		}
		
		
		#body ul li{
			display:list-item;
			vertical-align:text-top;
			margin:7px 0 7px 0;			
		}
		
		#body ul li img{ vertical-align:middle }
	
	
	
	#body form.buscador{
		width:100%;
		float:left;
		clear:both;
		}
		#body form.buscador input{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em }
		#body form.buscador input.boton{ background:#666; color: #fff; font-size:1em; border:1px solid #333; }
/*	PIE	Y ESTILOS	*/

#pie{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	height:67px;
	background:#fff;
	}
	#pie div.top,
	#pie div.bottom{
		width:100%;
		height:37px;
		float:left;
		margin:0;
		padding:0;
		background:#00776e;
		color:#fff;
		}
		#pie div.bottom{
			background:#fff;
			height:30px;
			}
			#pie div.bottom span{ color:#666} 
		#pie div.top p{
			width:auto;
			float:left;
			padding:14px 0 0 11px;
			margin:0;
			}
			#pie div.top a{ color:#fff }
			#pie div.bottom a{ color:#666 }
			
		#pie div.top ul{
			float:right;
			padding:14px 7px 0 0;
			}
			#pie div.top li{
				padding:0 8px 0 0;
				margin:0 7px 0 0;
				background:url(../img/pie_separador_top.gif) top right no-repeat;
				}
				
		#pie div.bottom ul{
			padding:10px 0 0 9px;
			}
			#pie div.bottom li{
				padding:0 9px 0 0;
				margin:0 9px 0 0;
				background:url(../img/pie_separador_bottom.gif) top right no-repeat;	
				}
				#pie div.bottom li.ultimo{ background:none; margin:0; padding:0; }
			
		#pie div.bottom p{
			padding:0 14px 0 0;
			margin:10px 0 0 0;	
			}
			


/*		LISTADO NOTICIAS		*/		

#body ul.noticias{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	}
	#body ul.noticias li{
		width:100%;
		float:left;
		clear:both;
		margin:0 0 5px 0;
		}
	#body ul.noticias li.separador{
		margin:13px 0 13px 0;
		}	
		
		#body ul.noticias li img{		
			float:left;
			margin:1px 23px 0 2px;
			padding:0;			
			border:none;
			}	
			*>#body ul.noticias li img{	
				margin:1px 23px 0 1px;
			}
			
			#body ul.noticias li span.relleno_imagen{
				display:block;
				float:left;
				margin:0;
				padding:0;
				width:90px;
				height:76px;
				margin:1px 23px 0 2px;
				}
				*>#body ul.noticias li span.relleno_imagen{	
					margin:1px 23px 0 1px;
				}
			
	 #body ul.noticias div.datos{
	 	width:590px;
		float:left;
		margin:0;
		padding:0;
		height:auto;
		 }
	 #body ul.noticias div.datos_ficha{
	 	width:440px;
		float:left;
		margin:0;
		padding:0;
		height:auto;
	 }
		 #body ul.noticias p{
		 	width:100%;
			float:left;
			padding:0;
			clear:both;
			margin:7px 0 7px 0;
		 }
		 #body ul.noticias p.fecha{
		 	color:#333;			
			margin:0 0 11px 0;
			padding:0;
			font-size:1em;
		 	}
		 #body ul.noticias p.titulo{
			color:#00776e;
			margin:0 0 13px 0;			
			font-weight:bold;
			}
		#body ul.noticias p.texto{
			color:#666;
			margin:0 0 14px 0;			
			font-size:.9em;
			}
		#body ul.noticias a.enlace{
			color:#00776e;
			font-size:.9em;
			text-decoration:underline;
		}


/*	MIEMBROS	*/	

#miembros{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	z-index:1;
}

	
		#body p.curricula{			
			float:left;
			z-index:10000;
			width:95%;
			padding:10px 10px 10px 14px;
			display:none;			
			background:#fff;			
			text-align:justify;			
			}
			*>#body p.curricula{
				padding:0 10px 0 14px;
				}
				
	
	#body ul.miembro{
			margin:0 0 5px 0;
			list-style-type:none;
			float:left;
			width:95%;			
			padding:0 0 0 0;
			font-size:1em;
			position:relative;
			z-index:1;
			}
		#body ul.miembro li{
			position:relative;
			z-index:1;	
			width:100%;
			float:left;
			clear:both;
			margin:0 0 10px 0;									
			}
			
			#body li{
			clear:both;
			width:100%;
				
			}
			#body ul.miembro h3{
				background:none;				
				color:#666;
				padding:0;
				margin:10px 0 5px 0;
			}
			#body ol{
				width:95%;
				float:left;
				margin:10px 0 10px 0;
				clear:both;
				padding:0 0 0 30px;
				list-style-type:decimal;
				}
				#body ol ul{
					margin:10px 0 0 0;
				}
				#body ol li{
					width:100%;
					clear:both;
					margin:0 0 10px 0;
					display:list-item;
					vertical-align: top;
				}
			#body ul.miembro li a.miembro{					
				display:block;
				float:left;
				margin:0;
				width:100%;
				padding:2px 0 3px 15px;
				background:url(../img/bullet_lista.gif) 5px 6px no-repeat #fff;
				}
				#body ul.miembro li a:hover{ text-decoration:none }
				#body ul.miembro li em{
					text-decoration:none;
					color:#666;
					font-weight:normal;
				}
				#body ul.miembro li strong{ color:#666 }
				
				#body ul.miembro li a.selec{
					background:url(../img/bullet_lista.gif) 5px 6px no-repeat #f1f1f1;
				}
				
				

/*	GENERICOS	*/	
div.caja{
	width:100%;
	padding:0 0 2px 0;
	background:url(../img/caja_borde.gif) bottom left repeat-x #f4f4f4;
	}
	
	
ul.enlinea{
	width:auto;
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	}
	ul.enlinea li{
		width:auto;
		float:left;
		margin:0;
		padding:0;
		}
		
p.flotarD{
	float:right;
}
		

.alinearD{ text-align:right; }
.alinearI{ text-align:left; }

p.separador, li.separador{
	width:100%;
	font-size:1px;
	height:1px;
	float:left;
	clear:both;
	margin:13px 0 13px 0;
	padding:0;
	background:url(../img/separador_general.gif) top left repeat-x;
	}
	
	
.oculto{ display:none }
ul.submenu{ display: none}



ul#mapaweb{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	border-left:3px solid #00776e;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	overflow:hidden;
	background:#f9f9f9;
	}
	ul#mapaweb li{
		width:47%;
		float:left;
		clear:none;
		margin:0;
		padding:10px;
		background:#f9f9f9;
		border-bottom:1px solid #f1f1f1;
		
		}
		ul#mapaweb li a{
			display:block;
			width:auto;
			float:left;
			background:url(../img/menu_bullet.gif) 1px 15px no-repeat;	
		}
		ul#mapaweb li ul{
			width:100%;
			float:left;
			margin:5px 0 0 0;
			padding:0;
			list-style-type:none;
			}
			ul#mapaweb li li{
				width:100%;
				float:left;
				clear:both;
				padding:0;
				margin:0 0 5px 0;
				background:none;
				border:none;
				}
				ul#mapaweb li.ultimo{ border:none }
				ul#mapaweb li li a{
					color:#666;
					font-weight:normal;
					margin:0 0 0 20px;
					background:none;
					}