/********************************/
/* Hoja de estilo para COAATZA  */
/********************************/

body {
  background: #FFFFF0 ;/*transparent; /* RAFA #F3FFFF;*/
  margin: 0;
  font: 1.0em "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;/**/
	color: #000;
  }
p {font-size: 1.0em; font-style: normal; text-align: justify; color: #000; }
h1, h2, h3 { font-style: normal; text-align: left; letter-spacing: 1px; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
a { color: #335588; text-decoration: none; /*border-bottom: 1px dotted #446699;*/ }
a:visited { color: #800080; }
a:hover { color: #829393; text-decoration: underline; }
a img { border: none; }

.ancho {width:330px;}
.anchofecha {width:230px;}
/*///////////////////////////////////////////////////////////////////////////*/
/* MENU DE SECCIONES                                                         */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#pagina {
	background: #fff; 
	margin: 0px; 
	padding: 0px; 
}

/*///////////////////////////////////////////////////////////////////////////*/
/* CAPAS DE LA CABECERA                                                      */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

#cabecera { 
	min-width: 670px;
	overflow: hidden;
	margin: 0px 10px 0px 10px;
}
#cabecera A:hover {	text-decoration: none;}
#nombre {
  display: block;
  float: left;
  margin: 20px 0px 0px 5px;
}

#recuadro {
  /*padding: 30px 0px 0px 40px;*/
  padding: 10px 0px 0px 40px;
  margin-top: 55px;
  background: #e5eff0;
  border-top: #337d8b 5px solid;
  border-bottom: #337d8b 3px solid;
}
#recuadro IMG { 
  margin: 0px 0px 0px 5px; 
}

#recuadro IMG.banner { 
  margin: 0px 0px 0px 30px;
  /*border: 2px solid #FF8000; */
}
#logo {	
  float: right; 
  margin: 4px 0px 5px 5px; }


/*///////////////////////////////////////////////////////////////////////////*/
/* MENU DE SECCIONES                                                         */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#menusecciones {
  font-size: 0.7em;
	margin: 0px 0px 0px 145px;
	height: 50px;
	/*width: 850px;
	overflow: hidden;*/
  }
#menusecciones ul { margin: 10px 0px 0px 10px; list-style-type: none; }
#menusecciones ul li  { padding: 0px 0px 0px 10px; display: inline; line-height: 3.5em;}
#menusecciones ul li a {
	background: url(../recursos/boton_secciones.gif) no-repeat bottom left;
	/*bajado el padding de arriba porque si el menú se queda en dos o más filas, no deja
	pinchar en las opciones superiores, sólo en la última fila*/
	/*padding: 50px 0px 10px 15px;*/
	padding: 25px 0px 10px 15px;
  	color: #335588;
  	text-decoration: none;
  }
#menusecciones ul li a:hover{
  background: url(../recursos/boton_secciones_hov.gif) no-repeat bottom left; 
  color: #c1d9db;
  }
#menusecciones ul li a.activo  {
  background: url(../recursos/boton_secciones_activo.gif) no-repeat bottom left;
  color: #E9BE2A; font-weight:bold;
 }



/*///////////////////////////////////////////////////////////////////////////*/
/* CONTENIDO                                                                  */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#contenido { margin: 0px 20px 0px 0px; }


/*---------------------------------------------------------------------------*/
/* MENU LATERAL                                                              */
/*---------------------------------------------------------------------------*/
#lateral {
  margin: 0px 0px 0px 10px;
  padding: 0;
  width: 160px;
  float: left;
  }
#lateral .menu { margin: 0px; padding: 0px; }
#lateral .menu h1 {
  margin: 0;
  padding-bottom: 15px;
  font-size: 1.1em;
	font-weight:normal;
  color: #337d8b;
  }
#lateral .menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.7em;
  }
#lateral .menu ul li {
  margin: 0;
  text-align: left;
	padding-left: 0px;
  }
#lateral .menu ul li a {
  background: url(../recursos/subrayado_menu_lateral.gif) no-repeat bottom right;
  color: #335588;
  margin: 0;
	padding: 0 30px, 2px, 0;
  display: block;
  text-decoration: none;
  }
#lateral .menu ul li a:hover { 
	color: #c1d9db; 
	background: url(../recursos/subrayado_menu_lateral_hov.gif) no-repeat bottom right;
	}
#lateral .menu ul li a.activo { 
	color: #E9BE2A; font-weight:bold; 
	background: url(../recursos/subrayado_menu_lateral_activo.gif) no-repeat bottom right;
	}
#lateral .menu ul li.tienedatos {}
#lateral .menu ul li.sindatos { 
	background: url(../recursos/subrayado_menu_lateral_sindatos.gif) no-repeat bottom right; 
	padding-bottom: 3px; 
	color: #b4b4b4 
	}

/*---------------------------------------------------------------------------*/
/* MENU LATERAL PARA LAS PÁGINAS QUE MUESTRAN LOS MESES (AGENDA, ...) 			 */
/*---------------------------------------------------------------------------*/
#lateralmeses {
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 160px;
  float: left;
  }
#lateralmeses .menu { margin: 0px; padding: 0px; }
#lateralmeses .menu h1 {
  margin: 0;
  padding: 0 20px 0px 0;
  font-size: 1.1em;
	font-weight:normal;
  color: #337d8b;
	text-align: right;
  }
#lateralmeses .menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.8em;
  }
#lateralmeses .menu ul li { text-align: right;	padding: 0 20px 1px 0; }
#lateralmeses .menu ul li a {
  color: #335588;
  display: block;
  text-decoration: none;
  }
#lateralmeses .menu ul li a:hover { color: #c1d9db; }
#lateralmeses .menu ul li.activo { background: url("../recursos/flecha_mes_prueba.gif") no-repeat right;}
#lateralmeses .menu ul li.activo a { color: #E9BE2A; font-weight: bold; }
#lateralmeses .menu ul li.tienedatos {  }
#lateralmeses .menu ul li.sindatos {color: #b4b4b4; }

/*---------------------------------------------------------------------------*/
/* MENU LATERAL PARA LA PÁGINAS DE DOCUMENTOS													 			 */
/*---------------------------------------------------------------------------*/
#lateraldocumentos {
  margin: 0px 0px 0px 10px;
  padding: 0;
  width: 160px;
  float: left;
	}
#lateraldocumentos .menu { margin: 0px; padding: 0px; }
#lateraldocumentos .menu h1 {
  margin: 0;
	padding: 0 20px 15px 0;
  font-size: 1.1em;
	font-weight:normal;
  color: #337d8b;
	text-align: left;
  }
#lateraldocumentos .menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.8em;
  }
#lateraldocumentos .menu ul li { padding-bottom: 1px;	vertical-align: middle; }
#lateraldocumentos .menu ul li a {
  color: #335588;
  display: block;
  text-decoration: none;
  }
#lateraldocumentos .menu ul li.abierto { 
	background: url(../recursos/carpeta_abierta.gif) no-repeat top left; 
	padding-left: 20px;
	}
#lateraldocumentos .menu ul li.abierto a { color: #E9BE2A; font-weight: bold; }
#lateraldocumentos .menu ul li.cerrado { 
	background: url(../recursos/carpeta.gif) no-repeat top left; 
	padding-left: 20px; 
	}

/*---------------------------------------------------------------------------*/
/* COMBO DE SELECCIONAR AÑO EN MENÚ LATERAL DE NOTICIAS Y OFERTAS						 */
/*---------------------------------------------------------------------------*/
#seleccionarano {
  margin: 0px;
  padding-right: 20px;
	font-size: 1.0em;
	text-align: right;
}
#seleccionarano FORM {
	font-size: 0.9em;
	color: #337d8b;
	width: auto;
}
#seleccionarano table { 
	border: 1px solid #337d8b; 
	background: #e5eff0; 
	text-align: center; 
	width: 100% ;
	margin: 5px;
}
#seleccionarano table td { padding: 2px; }

/*---------------------------------------------------------------------------*/
/* DOCUMENTO (DONDE SE MUESTRA EL CONTENIDO DE LAS PÁGINAS                   */
/*---------------------------------------------------------------------------*/
#documento {
  margin: 10px 20px 0px 190px;
  border: 2px solid #337d8b;
  padding: 0px 0px 20px 0px;
  /*background: #fcfbf4; RAFA*/
	background: #F1F7F8; /*#F1F7F8#F4F4F4*/
	height: 350px;
	overflow: auto;
  }
.encabezado {
  margin: 0;
  padding: 0px 0px 0px 110px;
  display: block;
  background: #337d8b;
  }
.encabezado h1 {
  font-size: 1.5em;
  margin: 0px;
  padding: 10px 0px 0px 0px;
  color: #e5eff0;
  }
#documento h2 {
  font-size: 1.0em;
  margin: 25px 40px 10px 60px;
  padding: 5px 5px 3px 40px;
  color: #337d8b;
  border-bottom: 2px solid #fbd553;
  }
#documento h2 IMG { margin-left: 0px; padding-right: 30px; }
#documento h3 {
  padding: 5px 5px 3px 120px;
  font-size: 0.9em;
  margin: 10px 0px;
  color: #337d8b;
  border-bottom: 2px solid #c1d9db;
  }
#documento p {
  margin: 10px 100px 0px 100px;.
  font-size: 0.8em;
  color: #505050;
  }
#documento p.primerparrafo { margin: 10px 100px 10px 100px; }
#documento p.segundoparrafo { margin: 0px 150px 0px 150px; }
#documento p IMG { margin: 0px 0px 0px 150px;}
#documento ul {
  margin: 0 0 5px 3px;
  padding: 5px 5px 5px 25px;
  list-style: circle url("../recursos/dibulista1.gif") outside;
  color: #000;
  font-size: 0.8em;
}
#documento ul.arquitectura {
  margin: 10px 140px 0px 140px;
  padding: 5px 5px 5px 25px;
  list-style: square outside;
  color: #505050;
  font-size: 0.8em;
}
#documento ul.arquitectura li {background: transparent; font-size: 0.9em;}
#documento ul li { background: #c1d9db; font-size: 1em;}
#documento ul ul {
  padding: 0px 0px 0px 2px;
  list-style: square url("../recursos/dibulista2.gif") outside;
  font-size: 1em;
  background: transparent;
  margin-left: 2em;
  }
#documento ul ul li { background: transparent; }

/*-------------------*/
#documento ol {
  background: transparent;
  margin: 10px 150px 0px  130px;
  padding: 0;
  color: #000;
  font-size: 0.9em;
  }
#documento ol li {
  background: transparent;
  margin: 0;
  padding: 5px 0;
  font-size: 1em;
  text-align: justify;
  }

/*-------------------*/
#documento table {
  background: transparent;
  margin: 30px 10px 30px 120px;
  padding: 3px;
  color: #000;
  font-size: 0.8em;
  border-collapse: collapse; 
  border-spacing: 0; 
  }

#documento table.normal { 
  background: transparent; 
  border: 1px solid #337d8b; 
  text-align: center;
  margin-top: 25px;
  } /*[]ojo */

#documento .cabeceratabla { background: #337d8b; color: #000; } /*[]ojo */

#documento td {
  background: transparent;
  margin: 0;
  padding: 3px 10px;
  border: 1px solid #337d8b;
  color: #505050;
  }
#documento td.cargo  { padding-left: 20px; text-align: right; }
#documento td.nombre { background: #337d8b; margin: 0; padding-right: 20px; color: #fff; border: 1px solid white; }
#documento table.nada td {
	background: #F1F7F8; 
	border: none;
}
#documento table.nada td a.curso {border: 3px outset; background:#CE81FC }

/*TABLA BIBLIOTECA*/

#biblioteca .tablalistaslibros  {
	font-size: 0.8em;
	margin: 30px 20px 30px 40px;
	background: transparent;
	width: 90%
}
#biblioteca .tablalistaslibros td.titulo {
	background: #337d8b;
	color: #e5eff0;
	font-size: 1.2em;
}

#lateralmeses .formbusqueda {
  margin: 20px 15px 10px 15px;
  padding: 0;
  font-size: 0.8em;
  }
#lateralmeses .formbusqueda form {
	margin: 0px; 
	padding: 0; 
	text-align: right; 
	border: 1px solid #337d8b;
	background: #e5eff0;
	color: #337d8b;
}
#lateralmeses .formbusqueda .titlibros {
	color: #800000;
	font-size: 1.1em;
	font-weight: bold;
	/*background: #fff; 
	font-size: 0.9em;
	padding: 2px 0px 0px 3px;
	margin-right: 0px;/**/
	}
#lateralmeses .formbusqueda form input.boton {
  background: #fff url("../recursos/boton_fondo_peque.gif") no-repeat top center;
  border: 0px;
  padding: 2px 0px 2px 0px;
}

/*td.titulo*/
/*---------------------------------------------------------------------------*/
/* NOTICIAS                                                                  */
/*---------------------------------------------------------------------------*/
#noticias {
  background: transparent;
  margin: 30px 50px 20px 30px;
  padding: 0;
  height: 200px;
  }
#noticias .encabezado { background: transparent; margin: 0; padding: 0; }
#noticias .encabezado h1 {
  font-size: 0.9em;
  margin: 0;
  padding: 0 0 0 5px;
  color: #000;
  text-align: left;
  border-bottom: 2px solid black;
  }

/*VISTA NOTICIA CORTA*/
#noticias .noticiacorta { /* Para la portada */
  background: transparent;
  margin: 0 0 0 60px;
  padding: 15px 25px 3px 5px;
  }
#noticias .noticiacorta p { margin-left: 0; padding: 0; font-size: 0.7em; }
#noticias .noticiacorta p .fecha { padding: 0; }
#noticias .noticiacorta p .titulo { font-weight: normal; color: #337d8b; font-weight: bold;  margin-left: 10px; }
#noticias .noticiacorta table {
	margin: 0; 
	border-collapse: collapse; 
	border-spacing: 0px; 
	width: 98%; 
	background: url("../recursos/boton_agenda.gif") no-repeat top left  #FFFFE1 ;
}
#noticias .noticiacorta table.nada td {background: #F1F7F8; border: none;}
#noticias .noticiacorta table td { border: thin dotted;}
#noticias .noticiacorta table td.tiponoticia { 
	padding: 0; 
	text-align: right; 
	border-top: none; 
	border-right: none;
	border-left: none; 
	background: #F1F7F8;
	}
#noticias .noticiacorta table td.fecha {
	padding: 10px 0 3px 25px; 
	font-size: 0.9em; 
	border-right:none;
	border-bottom: none;  
	height: 20px; 
	color: #800000;
	font-weight: bold;
	
	}
#noticias .noticiacorta table td.titulo {
	padding: 0 0 5px 45px; 
	font-size: 1.0em; 
	border-top: none; 
	/*border-right: none;*/
	border-bottom: none; 
	color: #337d8b; 
	font-weight: bold;  
	height: 20px;
	
}
#noticias .noticiacorta table td.contenidonoticia {
	padding: 10px 5 20px 15px; 
	border-top: none; 
	/*border-right: none;*/
	color: #505050; 
	/*font-size: 1.0em; */
}

#noticias .noticiacorta table td.contenidonoticia p {
	font-size: 1.2em; 
	padding:0;
	margin:0;
}
#noticias .noticiacorta table td.foto { 
	padding-right: 15px; 
	border-left: none; width: 25%; 
	border-bottom: none; 
	text-align: right; 
	}
#noticias .noticiacorta img.foto { border: 2.5px solid #337d8b; }

.contenidonoticia h1 { font-size: 0.9em; margin: 0; padding: 0; }
.foto { float: right;}

#noticias .noticia {
  background: #e5eff0 url(../recursos/fondo_claro.jpg) repeat;
  border: 1px solid #337d8b;
  margin: 0px 0px 10px 0px;
  padding: 10px;
	}

/*VISTA NOTICIA ENTERA*/
#noticias .noticialarga {
  padding: 3px 0px 10px 20px;
  background: none transparent scroll repeat 0% 0%;
	margin: 3px 0px;
	}
#noticias .noticialarga P {	padding: 0px; margin: 0px; }
#noticias .noticialarga P .titulo {	font-weight: normal; 	font-size: 0.8em; }
#noticias .noticialarga P .contenidonoticia {
	margin: 10px 0px 0px 15px;
	color: #000000;
	font-size: 1em;
	}
#noticias .noticialarga H2 {
  background: #e5eff0;
  padding: 2px 5px 3px 2px;
  font-size: 0.9em;
  margin: 0px;
  color: #337d8b;
  border-bottom: #fbd553 2px solid;
	font-size:1.1em;
}
#noticias .noticialarga table {
  margin: 0; 
  border-collapse: collapse; 
  border-spacing: 2px; 
  width: 99%;  
  background: #FFFFE1;
}
#noticias .noticialarga td {  border: 2.0px; }
#noticias .noticialarga td.contenidonoticia { 
	vertical-align: top; 
	border-left: none; 
	background: url("../recursos/noticias_barra.gif") no-repeat bottom left; 
	padding: 15px 0px 5px 5px;
}
#noticias .noticialarga td.contenidonoticia .contenido {
  height: 200px;
  overflow: auto;
  font-size: 1.3em; 
  padding: 10px;
} 
#noticias .noticialarga td.contenidonoticia .contenido a {
  color: #335588;
  text-decoration: underline; 
}
#noticias .noticialarga td.contenidonoticia .contenido a:visited {
  color: #800080;
}  
#noticias .noticialarga td.contenidonoticia .contenido a:hove {
  color: #829393; 
} 
#noticias .noticialarga td.opciones { vertical-align: bottom; text-align: right; border: none; background: #F1F7F8;}
#noticias .noticialarga td.foto { 
	padding-top: 20px; 
	border-left: none; 
	border-bottom: none; 
	border-right: none; 
	vertical-align: top; 
	background: #F1F7F8;
	}
#noticias .noticialarga td.titulo { 
	background: url("../recursos/boton_noticias.gif") no-repeat bottom left #F1F7F8;
	font-size: 1.2em; 
	color: #337d8b; 
	font-weight: bold; 
	border: none; 
	padding-left: 40px; 
}


/*---------------------------------------------------------------------------*/
/* OFERTAS DE TRABAJO                                                        */
/*---------------------------------------------------------------------------*/
#ofertas {
  padding: 0px;
  background: transparent;
  margin: 30px 50px 20px 30px;
  height: 350px;
	}
#ofertas .encabezado {
  padding: 0px;
  background: transparent;
  margin: 0px;
	}
#ofertas .encabezado H1 {
  padding: 0px 0px 0px 5px;
  margin: 0px;
  color: #000;
  border-bottom: black 2px solid;
  text-align: left;
}

#ofertas .ofertacorta {
  padding:  15px 25px 3px 5px;
  background: transparent;
  margin: 0 0 0 60px;
  /*border-bottom: #c0c0c0 1px solid;*/
}

#ofertas .ofertacorta P {
  padding: 0px;
  margin: 0px;
  font-size: 0.7em;
}
#ofertas .ofertacorta table {
  margin: 0; 
  border-collapse: collapse; 
  border-spacing: 0px; 
  width: 98%; 
  background: url("../recursos/boton_agenda.gif") no-repeat top left #FFFFE1;
}
#ofertas .ofertacorta table td.tiponoticia { 
	padding: 0; 
	text-align: left; 
	border-top: none; 
	border-right: none;
	border-left: none; 
	background: #F1F7F8;
}
#ofertas .ofertacorta table td.fecha {
	padding: 10px 0 3px 25px; 
	font-size: 0.9em; 
	border-right: #337d8b 2px solid;
	border-bottom: none;  
	height: 20px; 
	color: #800000;
	font-weight: bold;
}
#ofertas .ofertacorta table td.titulo {
	padding: 0 0 5px 45px; 
	font-size: 1.0em; 
	border-top: none; 
	border-right: #337d8b 2px solid;
	border-bottom: none; 
	color: #337d8b; 
	font-weight: bold;  
	height: 20px;
}

#ofertas .ofertacorta table td.contenidooferta {
	padding: 0 0 20px 45px; 
	border-top: none; 
	border-right: #337d8b 2px solid;
	color: #505050; 
	/*font-size: 1.3em; */
}
#ofertas .ofertacorta table td.contenidooferta p {
	font-size: 1.2em; 
	padding:0;
	margin:0;
}
#enviaroferta { 
  float: right;
  padding-right: 30px;  
  padding-bottom: 0px;
  padding-top: 0px;
  margin: 0px;
}
#enviaroferta td {
  padding-top: 10px;
  background: url(../recursos/correo.gif) no-repeat top left;
} 
/*///////////////////////////////////////////////////////////////////////////*/
/* MENÚ DE DOCUMENTOS, ENLACES, CONTACTOS: CON CARPETAS                      */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#menudesplegable ul {
	padding: 20px 0 0 90px; 
	margin: 0; 
	list-style-type: none;
	font-size: 0.8em;
	}
#menudesplegable ul ul { list-style-type: none; }
#menudesplegable ul li {
	padding: 1px 0px 1px 20px; 
	background-position: left top; 
	background-repeat: no-repeat;
	}
#menudesplegable ul li a {
	color: black; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none;
	color: #505050;
	vertical-align: top;
	}
#menudesplegable ul li a:hover { text-decoration: underline; }
#menudesplegable ul li.carpeta {
  background: url(../recursos/carpeta_abierta.gif) no-repeat top left; 
  margin-left: 10px; 
	padding-left: 30px;
	}
#menudesplegable ul li.archivo { 
  background: url(../recursos/documento.gif) no-repeat top left;
  margin-left: 10px;
	}
#menudesplegable ul li.contacto    { 
  background: url(../recursos/correo.gif) no-repeat top left; 
  margin-left: 10px;
	}
#menudesplegable ul li A.correo    { margin-left: 10px; }
#menudesplegable ul li.enlace    { 
  background: url(../recursos/enlace.gif) no-repeat top left; 
  margin-left: 10px;
	}
#menudesplegable ul li.cerrado    { 
  background: url(../recursos/carpeta.gif) no-repeat top left; 
  margin-left: 10px;  
	}
#menudesplegable ul li.cerrado ul { display: none; }

#carpetaslaterales { background: none; }
#carpetaslaterales ul li.abierto {
  background: url(../recursos/carpeta_abierta.gif) no-repeat top left; 
	padding-left: 20px; 
	}
#carpetaslaterales ul li.cerrado { 
	background: url(../recursos/carpeta.gif) no-repeat top left; 
	padding-left: 20px; 
}


/*---------------------------------------------------------------------------*/
/* FORMULARIOS                                                               */
/*---------------------------------------------------------------------------*/
.formulario {
  background: transparent;
  margin: 20px 10px 20px 5px;
  padding: 0;
  }


/*///////////////////////////////////////////////////////////////////////////*/
/* PIE RAFA                                                                       */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*#pie {
  clear: both;
  margin:10px 20px 0px 190px;
  padding: 2px 0px 2px 0px;
  }
#pie p {
  margin: 0;
  padding: 0;
  font-size: 0.6em;
  text-align: right;
	}*/

/*///////////////////////////////////////////////////////////////////////////*/
/* PIE                                                                       */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#pie {
  background: #F7F7F7; /* #e5eff0;*/
  clear: both;
  /*margin-right: 200px;
  margin-left:200px;*/
  margin:10px 20px 0px 190px;
  padding: 2px 0px 2px 0px;
  border-top: 2px solid #337d8b;
  border-bottom: 3px solid #337d8b; 
  }
#pie p {
  margin: 0;
  padding: 0;
  font-size: 0.6em;
  text-align: center;
}
/*///////////////////////////////////////////////////////////////////////////*/
/* FORMULARIOS                                                               */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
a.boton { border: 3px outset; }
a.boton:active { border-style: inset; }
input.cuadro_texto {
	background: #e5eff0; 
	border: 1px solid #337d8b;
	font-size: 1.0em;
	padding: 2px 0 2px 3px;
	}

a.curso {border: 3px outset; background:#73E7F0; }
a.curso:active { border-style: inset; }

a.bajardocu {border-bottom: 2px outset; }
a.bajardocu:hover {color: #337d8b;}
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/* COSAS ESPECIFICAS DE ADMINISTRACION                                       */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

#paginagestion { margin: 0; padding: 0; }

/*///////////////////////////////////////////////////////////////////////////*/
/* CAPAS DE LA CABECERA GESTION                                                     */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

#cabecera_gestion {
	margin: 0px 10px 0 10px;
  min-width: 600px;
  overflow: hidden;
  }
#cabecera_gestion img {vertical-align: top;}
#cabecera_gestion a:hover {text-decoration: none;}
#nombre_gestion{
  margin-left: 5px;
  display: block;
	float: left;
	}
#nombre_gestion IMG { margin: 10px 0px 0px 0px; } 
#recuadro_gestion{
  background: url("../recursos/rayado.gif") repeat top left;
	margin-top: 55px;
	padding: 70px 0 0 40px;
	border-top: 5px solid #c1d9db;
	border-bottom: 3px solid #c1d9db;
  }

#logo_gestion {
  margin-right: 5px;
	margin-top: 30px;
	float:right;
	}

/* Menú principal de administración */
#menuprincipal { margin: 0; padding: 0; }
#menuprincipal .menu {
  background: #e5eff0 url("../recursos/engranaje.gif") no-repeat bottom right;
  margin: 25px auto;
  padding: 0;
  width: 500px;
  border: 2px solid #337d8b;
  }
#menuprincipal .menu h1 {
  background: #337d8b url("../recursos/fondo_menus.gif") no-repeat top right;
  margin: 0;
	padding: 2px 2px 2px 25px;
	font-size: 0.9em;
  color: #fff;
  }
#menuprincipal .menu ul {
  margin: 5px;
  padding: 0;
  list-style-type: none;
  font-size: 0.8em;
  line-height: 1.2em;
  }
#menuprincipal .menu ul li {
  background: transparent;
  margin: 3px 0px;
  padding: 0;
  line-height: 1.2em;
  }
#menuprincipal .menu ul li a {
  display: block;
  margin: 0;
  padding: 2px 2px 2px 20px;
  width: 468px;
  text-align: left;
  color: #335588;
  text-decoration: none;
  }
#menuprincipal .menu ul li a:hover { background: #337d8b; color: #fff; }

/* Menú superior*/
#paginagestion #menusecciones { }
#paginagestion #menusecciones ul li a:hover{
	background: url(../recursos/boton_secciones_hov.gif) no-repeat bottom left;
	color: #c1d9db;
	}
#paginagestion #menusecciones .formboton { margin: 3px; padding: 0; float: right; display: inline; }

/* Contenidos: Listado y elementos individuales */
#listado {
  margin: 0px 0px 10px 0;
  padding: 10px 40px 0 40px;
  font-size: 0.8em;
	}
#listado h1 {
  font-size: 1.4em;
  margin: 0px 0 10px 0;
  padding: 0px 30px;
  color: #337d8b;
	border-bottom: 3px solid #c1d9db;
	}
#listado .herramientas { margin: 0px 0px 0px 20px; padding: 0; }
#listado .herramientas ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.7em;
  line-height: 1.2em;
	}
#listado .herramientas ul li {
	margin: 5px 3px 5px 0;
  padding: 0;
  text-align: left;
  }
#listado .herramientas ul li a {
	background: url("../recursos/boton_fondo.gif") no-repeat top center;
	width:180px;
	height: 18px;
	color: #000;
	display: block;
	text-align: center;
	padding: 7px 0 0 0;
	}
#listado .herramientas ul li a:hover {
	background: url("../recursos/boton_fondo_hover.gif") no-repeat top center; 
	text-decoration:none; 	
	color: #000;
	}
#listado .formbusqueda {
  margin: 0px 15px 10px 0px;
  padding: 0;
  font-size: 0.8em;
  }
#listado .formbusqueda form { margin: 0px; padding: 0; text-align: right; }
#listado .formbusqueda form input.texto {
	background: #fff; 
	border: 1px solid #337d8b;
	font-size: 0.9em;
	padding: 2px 0px 0px 3px;
	margin-right: 0px;
	}
#listado .formbusqueda form input.boton {
  background: #fff url("../recursos/boton_fondo_peque.gif") no-repeat top center;
  border: 0px;
  padding: 2px 0px 2px 0px;
	}
#listado table { 
	margin: 0px 20px 0px 20px; 
	padding: 0; width: 96%; 
	border-collapse: collapse; 
	border-spacing: 0px;
	}
#listado table td { 
	margin: 0px; 
	padding: 0px 5px; 
	border: 1px solid; 
	font-size: 0.9em; 
	}
#listado table td.campobooleano { text-align: center;}
#listado table tr.cabeceratabla { 
	background: #c1d9db; text-align: left; 
	font-size: 1.3em; 
	color: #337d8b; 
	}
#listado table tr.filapar { background: #e6e6e6; }
#listado table a.descendente { 
	padding: 4px; background: url("../recursos/flecha_abajo.gif") no-repeat center; 
	}
#listado table a.ascendente { 
	padding: 4px; background: url("../recursos/flecha_arriba.gif") no-repeat center; 
	}
#listado p {
	margin: 0px; 
	padding-bottom: 100px; 
	color: #337d8b; 
	font-size:1.2em; 
	text-align: center
	}
#numpagina {
  margin: 10px 20px 0px 20px;
  padding: 0px;
  border-top: #337d8b 1px solid;
  color: #FF8040;
}

#elementogestion  {
  margin: 0px 0px 10px 0;
  padding: 10px 40px 0 10px;
  font-size: 1em;
  }
#elementogestion h1 {
  font-size: 1.4em;
  margin: 0px 0 10px 0;
  padding: 0px 30px;
  color: #337d8b;
	border-bottom: 3px solid #c1d9db;
  }
#elementogestion form { margin: 20px 2px 20px 0; text-align: center; }
#elementogestion form table.tablamantenimiento {
  border: 2px solid #c0c0c0;
  padding: 0px;
}
#elementogestion form table td {
	padding: 5px 0px 10px 0px; 
	vertical-align: top; 
	font-size: 0.8em; 
	color: #337d8b; 
	text-align: left; 
	}
#elementogestion form table td.grupo {
  border: 1px dashed #337d8b; 
  text-align: left; 
  vertical-align: top; 
  padding-left: 10px; 
	}
#elementogestion form table td.nombrecampo { 
  background: url('../recursos/subrayado_gestion.gif') no-repeat top right; 
	padding: 0 40px 0 5px;
	}
#elementogestion form table td.botones { }
#elementogestion form input{
	border: 1px solid #337d8b;
	font-size: 0.8em;
	padding: 2px 0 2px 3px;
	margin-right: 10px;
	}
#elementogestion form input.inactivo { 
	background: #e6e6e6; color: #818181; 
	font-size: 0.9em; 
	padding: 6px 0 6px 6px; 
	}
#elementogestion form textarea {
	border: 1px solid #337d8b;
	font-size: 1.0em;
	padding: 2px 0 2px 3px;
	}
#elementogestion form img{border: 1px solid #337d8b; }

#frame form table {}
#frame form table input {
	border: 1px solid #337d8b;
	font-size: 0.7em;
	padding: 2px 0 2px 3px;
	margin-right: 10px;
	}
#frame form table input.texto { padding: 4px 0 4px 3px; }
#frame form input.inactivo { 
	background: #e6e6e6; 
	color: #818181; 
	font-size: 0.7em; 
	padding: 4px 0 4px 6px; 
	}
#frame form table td.nuevaruta { 
	padding-left: 0px; 
	border-top: 1px solid #337d8b; 
	font-size: 0.8em;
	}


/*///////////////////////////////////////////////////////////////////////////*/
/* PIE                                                                       */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#piegestion {
  clear: both;
  margin: 10px 10px 0px 10px;
  padding: 2px 0px 2px 0px;
  border-top: 2px solid #337d8b;
  border-bottom: 3px solid #337d8b; 
  }
#piegestion p {
  margin: 0;
  padding: 0;
  font-size: 0.6em;
  text-align: center;
	}

/*---------------------------------------------------------------------------*/
/* FIN                                                                       */
/*---------------------------------------------------------------------------*/