@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin margenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Arial;} /* nada tendrá padding ni margen, y las fuentes serán 11px */
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; }
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: none;}
img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
acronym {border: 0;}
em {font-style:italic;}
em  strong{font-style:italic;font-weight:bold;}
.manolink{cursor: pointer;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * como hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body {background: url(/imagenes/comunes/background.gif) repeat-x; background-color:#fff;margin:0;padding:0;}
/*h1 {display:none;}*/
#pagina{margin: 0 auto; width: 1033px; text-align: left; font-family:Arial;}

/**********************************************
				CABECERA
***********************************************/
#cabecera{ z-index:10;float:left; display:inline; width:100%;background: url(/imagenes/comunes/fnd-cuerpo.png) repeat-y; height:157px;}	
	#cabecera h1 a{text-indent:-9999px;float:left; display:inline; background:url(/imagenes/comunes/logo.jpg) no-repeat; width:94px; height:113px; margin-top:23px; margin-left:58px;}		
	#cabecera #nav-util{float:right; display:inline; margin-right:44px; margin-top:22px;}
	#cabecera #nav-util ul li{ display:inline; margin-left:3px;color:#707173;  font-size:11px;}
		#cabecera #nav-util a{color:#707173; font-size:11px;}
		#cabecera #nav-util a:hover{text-decoration:underline;}
		#cabecera #nav-util a img{margin-right:3px;}
		
		/******MENU*****/
		#menu{float:right;display:inline;width:801px; height:48px;margin-top:60px; margin-right:31px;}
			#menu ul { float:right;display:inline; position:relative;}
			#menu ul li{ display:inline; float:left;}
			
	/********** SUBMENU ***********/
	#menu .submenu1 {left:0px; top:47px; position: absolute; z-index:1000; background:url('/imagenes/comunes/submenu.gif');border-top: 1px solid #EA5B56;height: 109px;width: 239px;}
	#menu .submenu1 a { margin-top:16px; margin-left:27px; height:auto !important; text-indent:0px !important; color:#FFF !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

	#menu .submenu2 {left:88px; top:47px; position: absolute; z-index:1000; background:url('/imagenes/comunes/submenu2.gif') no-repeat #e5322c;border-top: 1px solid #EA5B56;height: 109px;width: 263px;}
	#menu .submenu2 a { margin-top:16px; margin-left:27px; height:auto !important; text-indent:0px !important; color:#FFF !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

	#menu .submenu3 {background: url("/imagenes/comunes/submenu.gif") no-repeat #E5322C;border-top: 1px solid #EA5B56;height: 82px;left: 270px;position: absolute;top: 47px;width: 232px;z-index: 1000;}	
	#menu .submenu3 a { margin-top:16px; margin-left:27px; height:auto !important; text-indent:0px !important; color:#FFF !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

	/********* elementos menu ********/			
				#menu ul li a{ height:48px; display:block; text-indent:-9999px;}
				
				#menu .fondo{width: 88px;background: url(/imagenes/comunes/menu.jpg) no-repeat 0 0;}
				#menu .fondo:hover, #menu .fondo-selec{width: 88px;background: url(/imagenes/comunes/menu.jpg) no-repeat 0px -48px;}
				
				#menu .actividades{width: 116px;background: url(/imagenes/comunes/menu.jpg) no-repeat -88px 0;}
				#menu .actividades:hover, #menu .actividades-selec{width: 116px;background: url(/imagenes/comunes/menu.jpg) no-repeat -88px -48px;}

				#menu .multimedia{width: 116px;background: url(/imagenes/comunes/menu.jpg) no-repeat -88px 0;}
				#menu .multimedia:hover, #menu .multimedia-selec{width: 116px;background: url(/imagenes/comunes/menu.jpg) no-repeat -88px -48px;}
				
				#menu .relaciones{width: 182px;background: url(/imagenes/comunes/menu.jpg) no-repeat -204px 0;}
				#menu .relaciones:hover, #menu .relaciones-selec{width: 182px;background: url(/imagenes/comunes/menu.jpg) no-repeat -204px -48px;}
				
				#menu .agenda{width: 95px;background: url(/imagenes/comunes/menu.jpg) no-repeat -386px 0;}
				#menu .agenda:hover, #menu .agenda-selec{width: 95px;background: url(/imagenes/comunes/menu.jpg) no-repeat -386px -48px;}
				
				#menu .proyectos{width: 113px;background: url(/imagenes/comunes/menu.jpg) no-repeat -481px 0;}
				#menu .proyectos:hover, #menu .proyectos-selec{width: 113px;background: url(/imagenes/comunes/menu.jpg) no-repeat -481px -48px;}
				
				#menu .noticias{width:98px;background: url(/imagenes/comunes/menu.jpg) no-repeat -594px 0;}
				#menu .noticias:hover, #menu .noticias-selec{width:98px;background: url(/imagenes/comunes/menu.jpg) no-repeat -594px -48px;}
				
				#menu .contacto{width:109px;background: url(/imagenes/comunes/menu.jpg) no-repeat -692px 0;}
				#menu .contacto:hover, #menu .contacto-selec{width:109px;background: url(/imagenes/comunes/menu.jpg) no-repeat -692px -48px;}

			
/***********************
		Migas
************************/
#flash{float:left;display:inline; margin-left:28px;width:974px; z-index:1;}
#migas{float:left;display:inline; color:#707173; margin-left:28px;margin-top:10px;width:974px;}
#migas span{float:left;display:inline; color:#707173;margin-right:5px;}
#migas a.desactivo{float:left;display:inline; color:#707173;}
#migas a{float:left;display:inline; color:#e5322c;font-weight:bold;margin-right:5px;cursor:pointeR;}
#migas a:hover{text-decoration:underline;}
		
/**********************************************
				CONTENIDO
***********************************************/
#contenido{ z-index:5;float:left; display:inline;background: url(/imagenes/comunes/fnd-cuerpo.png) repeat-y; width:100%; padding-bottom:20px;}

	/**CALENDARIO**/
	#contenido.calendario_cont{width:273px; height:194px; float:left; display:inline; margin-right:5px; margin-bottom:5px;}				
	table.calendar{width:273px; height:194px; float:left;display:inline;}
		table.calendar #calendario-trojo{background:url(/imagenes/comunes/top-calendario.gif) no-repeat;}
		table.calendar th{height:37px;color:#fff;font-family:trebuchet MS; font-size:15px;text-align:center;}
		table.calendar th a{ display:block; }
		table.calendar th.mes_actual{margin-top:5px; background:#fbfbfb;border-right:1px solid #eceded;color:#000;font-family:trebuchet MS; font-size:15px;font-weight:bold;}
		table.calendar td{background:#fbfbfb;border-right:1px solid #eceded;color:#87888a;font-family:trebuchet MS; font-size:15px; width:44px;text-align:center;}
		table.calendar td.d_reservado{background:#fbfbfb;border-right:1px solid #eceded;color:#e5322c;font-family:trebuchet MS; font-size:15px;font-weight:bold; width:44px;}
		table.calendar td.d_pasado{background:#fbfbfb;border-right:1px solid #eceded;color:#b1b3b4;font-family:trebuchet MS; font-size:15px; width:44px;}
		table.calendar td.gris{font-family:trebuchet MS; font-size:15px; color:#b1b3b4;}
		table.calendar td.rojo{background-color:#fbfbfb; font-family:Verdana; font-size:17px; font-weight:bold; color:#EBD0D0; border:1px solid #FFFFFF;padding:8px;}
		
/****PDF DE LAS FICHAS****/
.resumen .descargarArchivo{background:url("/imagenes/comunes/pdfES.gif") no-repeat scroll 0 0 transparent;color:#FFFFFF;display:block;font-size:13px;font-weight:bold;height:28px;margin-top:20px;padding-left:45px;padding-top:23px;width:151px;}
/**********************************************
				PIE
***********************************************/
#pie{float:left; display:inline;  width:100%;background: url(/imagenes/comunes/fnd-pie.jpg) no-repeat;}
	#pie #logos-pie{float:left;display:inline; margin-top:17px; margin-left:28px;}
	#pie #logos-pie img{margin-right:23px;}
	#pie #datos-pie{float:right;display:inline; margin-top:31px; margin-right:35px;font-family:trebuchet MS; color:#000000;font-size:11px; text-align:right;}
	#pie #datos-pie p{font-family:trebuchet MS; color:#000000;font-size:11px;}
	#pie #datos-pie .rojo{font-family:trebuchet MS; color:#e5322c;font-size:11px;}
	#pie #pie-centro{float:left;display:inline;color:#87888a;text-align:center;width:100%;margin-top:44px;}
	#pie #pie-centro a{color:#000;}
	#pie #pie-centro a:hover{color:#000;text-decoration:underline;}