/* ESTILOS POR DEFECTO */
  
body { 
	padding: 0; 
	margin-top: 30px; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	color: #454545; 
	background: #F7F3CA url('images/fondo_pagina.gif');
}

hr
{
	height:1px;
	color:#D9E2EC;
}

#bodyregistrousuario
{
	padding: 0; 
	margin-top: 30px; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	color: #454545;
	background-color:#FFFFFF;
}

.bodyadmin
{
	padding: 0; 
	margin-top: 30px; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	color: #454545;
	background: #F7F3CA url('images/fondo_pagina_admin.gif');
}

a {	color:#FF9900;	background: inherit;}
a:hover { color:#FFCC33; background: inherit; }

h1 
{ 
	font: normal 2.1em Arial, Sans-Serif; 
	letter-spacing: -1px; 
	margin-bottom: 5px; 
	border-bottom: 1px solid #ccc;
}

.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p 
{	
	margin: 0 0 5px 0;
	/*text-align:justify;*/
	color:#FF6600;
}

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }

select
{
	font-family:Tahoma;
	color:#0066CC;
	font-size:11px;
}

input.search { 
	width: 292px; 
	border: 0;
	background: #FFF url(input.gif) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}

input.submit {
	background: #C4DE07 url(submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	padding: 4px; 
}

/* LAYOUT */

.content { 
	margin: 0 auto;
	width: 780px;
	padding: 10px;
	background:#ffffff;
	border:1px solid #333333;
}

.header { 
	height: 125px;
	background: #fff;
	color: #808080;
}

img
{
	border:none;
}
.cabecera a img
{
	border:none;
}

.cabecera
{
	height:98px;
	border:none;
}

.navegacion {
	float: right;
	width: 778px; /* 2 pixels menos que cabecera y resto de contenido por el borde,que ocupa dicho pixel */
	padding: 4px 0 3px 0;
	background: #ffffff;
	color: #808080;
	margin-bottom:1px;
	border:1px solid #ccc;
}

.navegacion_izquierda {
	width: 280px;
	float: left;
	padding-left:8px;
}


.logo
{
	width:20px;
	background:eee;
}

.seleccionar_area  {
	font-size: 1.0em;
	width: 80px;
	color: #FFF;
	background: inherit;
}

.centrado
{
	margin:0 auto;
	text-align:center;

}

/*****************************************/
/* Estilos para los iconos de Navegacion */
/*****************************************/
#navegacion_derecha {
	float: right;
	width: 330px;
	padding-right:30px;
}

#navegacion_derecha ul {
	margin:0 auto; 
	padding:0; 
	position:relative; 
	width:330px; 
	height:20px; 
	z-index:1;
}

#navegacion_derecha li {
	list-style-type:none; 
	position:absolute;
}

#desconexion
{
	margin-left:330px;
}

#incidencias
{
	margin-left:300px;
}

#navegacion_derecha a {
	display:block; 
	width:20px; 
	height:20px; 
	color:#000; 
	text-decoration:none; 
	background:transparent; 
	overflow:hidden; 
	z-index:10;
}

#navegacion_derecha a#es {
	position:absolute; 
	left:2px; 
	top:4px; 
	background:url(images/es.gif) no-repeat;
}

#navegacion_derecha a#en {
	position:absolute; 
	left:30px; 
	top:4px; 
	background:url(images/en.gif) no-repeat;
}

#navegacion_derecha a#disminuir {
	position:absolute; 
	left:60px; 
	top:1px; 
	background:url(images/bajaletra.gif) no-repeat;
}


#navegacion_derecha a#aumentar {
	position:absolute; 
	left:90px; 
	top:1px; 
	background:url(images/subirletra.gif) no-repeat;
}

#navegacion_derecha a#inicio {
	position:absolute; 
	left:120px; 
	top:4px; 
	background:url(images/poner_como_inicio_off.gif) no-repeat;
}

#navegacion_derecha a#favoritos {
	position:absolute; 
	left:150px; 
	top:4px; 
	background:url(images/favoritos_off.gif) no-repeat;
}

#navegacion_derecha a#byn {
	position:absolute; 
	left:180px; 
	top:9px; 
	background:url(images/byn.gif) no-repeat;
	width:20px;
}

#navegacion_derecha a#color {
	position:absolute; 
	left:210px; 
	top:4px; 
	background:url(images/color.jpg) no-repeat;
	width:20px;
}

#navegacion_derecha a#accesibilidad {
	position:absolute; 
	left:240px; 
	top:2px; 
	background:url(images/accesibilidad.png) no-repeat;
	width:20px;
}


#navegacion_derecha a#home {
	position:absolute; 
	left:270px; 
	top:4px; 
	background:url(images/ir_inicio_off.gif) no-repeat;
}

#navegacion_derecha a#email {
	position:absolute; 
	left:300px; 
	top:4px; 
	background:url(images/correo_off.gif) no-repeat;
}

#navegacion_derecha a#mapa {
	position:absolute; 
	left:330px; 
	top:4px; 
	background:url(images/mapaweb_off.gif) no-repeat;
}


#navegacion_derecha a#home:hover {
	position:absolute; 
	left:270px; 
	top:4px; 
	background:url(images/ir_inicio_on.gif) no-repeat;
}

#navegacion_derecha a#inicio:hover {
	position:absolute; 
	left:120px; 
	top:4px; 
	background:url(images/poner_como_inicio_on.gif) no-repeat;
}

#navegacion_derecha a#favoritos:hover {
	position:absolute; 
	left:150px; 
	top:4px; 
	background:url(images/favoritos_on.gif) no-repeat;
}

#navegacion_derecha a#email:hover {
	position:absolute; 
	left:300px; 
	top:4px; 
	background:url(images/correo_on.gif) no-repeat;
}

#navegacion_derecha a#mapa:hover {
	position:absolute; 
	left:330px; 
	top:4px; 
	background:url(images/mapaweb_on.gif) no-repeat;
}
  
  
/************************************************/
/* FIN de Estilos para los iconos de Navegacion */
/************************************************/



/*********************************************/
/* Estilos para el menú principal del portal */
/*********************************************/

.titulo_menu
{
	background-color:#F28C31;
	color:#FFFFFF;
	font:Tahoma;
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.1em 0.1em;
	text-align:center;
	margin-top:10px;
}
.titulo_menu_off
{
	background-color:#333333;
	color:#FFFFFF;
	font:Tahoma;
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.1em 0.1em;
	text-align:center;
	margin-top:10px;
}

.titulo_menu_admin
{
	background-color:#003366;
	color:#FFFFFF;
	font:Tahoma;
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.1em 0.1em;
	text-align:center;
	margin-top:10px;
	border:1px solid #000000;
	border-bottom:none;
}

.menu { 
	clear: both;
	font-size: 0.9em;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #F28C31;
	width:180px;
}

	.menu li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFFFF;
		background: #F28C31; 
	}
	
	.menu li.menu_activo { 
		background: #F28C31 url(bar.gif) no-repeat center top; 
		color: #FFF;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.menu li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.menu li a:hover { 
		color:#FF9933; 
		background: inherit;
	} 

/****************************************************/
/* FIN de Estilos para el menú principal del portal */
/****************************************************/

.search_field { 
	background: #fff url(searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* LADO IZQUIERDO */

.left {
	float: left;
	width: 34,6%;
	margin: 0 0 10px 0;
	position:relative;
}

.left h3 {
	clear: both;
	background: #A9C0CE url(corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
	.left_side {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
	
		
/* LADO DERECHO */
		
.right {
	float: right;
	width: 75%;
	margin: 0 0 10px 0;
}

.right h3 {
	background: #6C757A  url(corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* PIE */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0 ;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }


/* ESTILOS CONTENIDOS */

.titulo
{
	margin-bottom:1em; 
	margin-top:1em;
	background-color:#C4DE07; 
	padding: 1em 1em 1em 1em; 
	border:none; 
	color:#003366; 
	font-family:Arial; 
	font-size:1em; 
	border:1px solid #003366;
}

.parrafo
{
	font-family:Tahoma, sans-serif;
	font-size:1em;
	color: #454545;
	line-height: 1.5em;
	font-weight:normal;
}

.parrafo_justificado 
{
	font:Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	text-align:justify;
	color:#0066CC;
	font-weight:normal;
}

.parrafo_olvido_pass 
{
	font:Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	text-align:justify;
	color:#0066CC;
	font-weight:normal;
	width:500px;
	margin-left:140px;
}

.parrafo_justificado_sangrado
{
	font:Arial, Helvetica, sans-serif;
	margin: 0 0 5px 40px;
	text-align:justify;
	color:#0066CC;
	font-weight:normal;
}

.pendiente
{
	color:#0066CC;
	font-weight:bold;
}

.ejecucion
{
	color:#339900;
	font-weight:bold;
}

.ejecutada
{
	color:#FF0000;
	font-weight:bold;
}

.parrafo_derecha 
{
	margin: 0 0 5px 0;
	text-align:right;
	color:#0066CC;
}

.derecha
{
	margin-left:100px;
}

.parrafo_centrado
{
	text-align:center;
}

.parrafo_sangrado
{
	margin-left:40px;
	text-align:justify;
}

.parrafo_doble_sangrado
{
	margin-left:80px;
	text-align:justify;
}

.titulo_datos_reserva
{
	margin-bottom:1em; 
	background-color:#FF9900; 
	padding: 0.2em 0.2em 0.2em 0.2em; 
	border:none; 
	color:#ffffff; 
	font-family:Tahoma; 
	font-size:1em;
	font-weight:bold;
	text-align:center;
}

.datos_reserva
{
	border:1px solid #6699CC;
	padding:5px;
}

.seccion_mapaweb
{
	margin-bottom:1em; 
	background-color:#DFE7EE; 
	padding: 0.2em 0.2em 0.2em 0.5em; 
	border:none; 
	color:#003366; 
	font-family:Tahoma; 
	font-size:1em;
	font-weight:bold;
}

.resaltado
{
	font-weight:bold;
	
}

.resaltado_color
{
	font-weight:bold;
	color:#006699;
}

.resaltado_error
{
	font-weight:bold;
	color:#CC0000;
}

.resaltado_derecha
{

	font-weight:bold;
	text-align:right;
}


/* PRUEBAS DE ESTILO */

/* Menú vertical */

.buttonscontainer {width: 180px; border:1px solid #666666}
.buttonscontainer_off {width: 180px; border:1px solid #666666}
.buttonscontainer_admin {width: 180px; border:1px solid #333333}

.buttons a 
{
	color:#FF9900;
	background-color:#FEECCB;
	padding: 2px;
	padding-left: 3px;
	display: block;
	border-left: 10px solid #FFCC00;
	font: 1em Tahoma, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin-top: 1px;
}

.buttons a:hover 
{
	border-left: 10px solid #FF9900 ;
	text-decoration: none;
	color: #0066CC;
}

.buttons_off li 
{
	color:#F2F2F2;
	background-color:#999999;
	padding: 2px;
	padding-left: 3px;
	display: block;
	border-left: 10px solid #CCCCCC;
	font: 1em Tahoma, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin-top: 1px;
}

.buttons_off li:hover 
{
	border-left: 10px solid #FFFFFF ;
	text-decoration: none;
	color: #FFFFFF;
}

.buttons_admin a 
{
	color:#003366;
	background-color:#C1CCDB;
	padding: 2px;
	padding-left: 3px;
	display: block;
	border-left: 10px solid #6699CC;
	font: 1em Tahoma, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin-top: 1px;
}

.buttons_admin a:hover 
{
	border-left: 10px solid #FFFFFF;
	text-decoration: none;
	color: #0066CC;
}
.asterisco_rojo
{
	font: Verdana;
	color:#FF0000;
}

/*************************/
/* Estilos Titulos h1    */
/*************************/

.titulo_h1 
{	
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF9900;
	background-image:url(images/marcador_h1.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	margin-top:10px;
	text-align:left;
}

.titulo_h1 a
{	
	background-image:none;
}
.titulo_h1 a:visited
{
	font-size:1em;
	background-image:none;	
}

.titulo_h1 a:hover
{
	font-size:1em;
	background-image:none;	
}

.titulo_h2
{
	background-color:#006699; 
	color:#FFFFFF; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em; 
	font-weight:bold; 
	padding:3 3 3 3 px; 
	border:none; 
	text-align:center; 
	margin-bottom:12px;
}

.titulo_h3
{
	background-color:#f2f2f2; 
	color:#003366; 
	border:1px solid #333333; 
	padding:1 1 1 1px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em; 
	font-weight:bold; 
	border:none;
}

/**************************/
/* FIN titulos H1         */
/**************************/

/*************************/
/* Estilos para Imagenes */
/*************************/

.fotos
{
	border:1px solid #999999;
}

.foto_alcaldesa
{
	border:1px solid #999999;
	float:left;
	margin-left:12px;
	margin-right:5px;
}

.icono_alineado 
{
	vertical-align:middle;
	border:none;
}

/*************************/
/* Estilos para listas   */
/*************************/

.lista
{
	list-style-image:url(images/flecha_listado.gif);
	margin-left:40px;
	color:#003366;
}

.lista_mails
{
	list-style-image:url(images/flecha_listado.gif);
	margin-left:160px;
	color:#003366;
}

.lista_reservas_capa
{
	list-style-image:url(images/usuario.gif);
	color:#003366;
	margin-left:15px;
	text-align:left;
	visibility:visible;
}

.leyenda_reservas
{
	margin-left:10px;
	color:#003366;
}

.lista_sangrada
{
	list-style-image:url(images/flecha_listado.gif);
	margin-left:80px;
	color:#003366;
}


.errores_reserva
{
	list-style-image:url(images/cancel.gif);
	margin-left:25px;
	color:#CC0000;
}

.sub_lista
{
	list-style-image:url(images/flecha_listado.gif);
	margin-left:80px;
}

.lista_ordenada
{
	margin-left:40px;
	color:#003366;
}

/******************************/
/* FIN de estilos para listas */
/******************************/

.celda_izq
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	background-color:#6699CC;
	font-weight:bold;
	text-align:center;
}

.celda_izq_grande
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	background-color:#6699CC;
	font-weight:bold;
	width:120px;
	text-align:center;
}

.celda_der
{
	background-color:#DCE7EF;
	font-family:Verdana;
	font-size:11px;
	color:#006699;
}

.no_disponible
{
	background-color:#FFD7D7;
	font-family:Verdana;
	font-size:11px;
	color:#006699;
}

.titulo_boletines
{
	background-color:#DCE7EF;
	font-family:Tahoma;
	font-size:10px;
	color:#006699;
	font-weight:bold;
	text-align:center;
}

.titulo_detalle_boletin
{
	background-color:#DCE7EF;
	font-family:Tahoma;
	font-size:10px;
	color:#006699;
	font-weight:bold;
	text-align:left;
	padding-left:8px;
}

.celda_boletines
{
	background-color:#ffffff;
	color:#006699;
	text-align:center;
	font-family:Tahoma;
	font-size:10px;
}

/* Esto estaba sin etiqueta, lo comento para que no de error */
/*{
	background-color:#FFD5D5;
	font-family:Verdana;
	font-size:11px;
	color:#990000;
}*/

.total_reservas
{
	background-color:#F2F2F2;
	padding:2px 7px 2px 2px;
	text-align:right;
	width:570px;
}

.aviso
{
	margin-top:30px;
	background-color:#E7EBF1;
	border:1px solid #8194B6;
	padding:7px 7px 7px 7px;
	text-align:center;
	width:540px;
	color:#003366;
}

.parrafo_aviso
{
	color:#003366;
	text-align:justify;
}

.cabecera_tabla
{
	color:#FFFFFF;
	background-color:#003366;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}


.tabla_borde
{
	border-width:1px; 
	border-style:solid; 
	border-color:#000000;
	margin: 0 auto;
}

.marcador_breacrumbs
{
	font-family:Arial;
	font-size:0.6em;
	color:#111111;
	vertical-align:baseline;
}

/*************************************************************/
/* Estilos para las imagenes de la pagina Proyectos europeos */
/*************************************************************/

#info ul {
	margin:0 auto; 
	padding:0; 
	position:relative; 
	width:400px; 
	height:200px; 
	z-index:1;
}
#info li {
	list-style-type:none; 
	width:131px; 
	position:absolute;
}
#info a {
  display:block; 
  width:131px; 
  height:76px; 
  color:#000; 
  text-decoration:none; 
  background:transparent; 
  overflow:hidden; 
  z-index:10;
  }
#info a#marifa1 {
  position:absolute; 
  left:64px; 
  top:10px; 
  background:url(images/proyectos_eu/marifa1_off.gif) no-repeat;
  }
#info a#marifa2 {
  position:absolute; 
  left:193px; 
  top:10px; 
  background:url(images/proyectos_eu/marifa2_off.gif) no-repeat;
  }
#info a#avante {
  position:absolute; 
  left:2px; 
  top:89px; 
  background:url(images/proyectos_eu/avante_off.gif) no-repeat;
  }
#info a#culturcad {
  position:absolute; 
  left:135px; 
  top:89px; 
  background:url(images/proyectos_eu/culturcad_off.gif) no-repeat;
  }
#info a#zidac {
  position:absolute; 
  left:267px; 
  top:89px; 
  background:url(images/proyectos_eu/zidac_off.gif) no-repeat;
  }
 

#info a#tablon {
  position:absolute; 
  left:2px; 
  top:10px; 
  background:url(images/servirtuales/tablon.gif) no-repeat;
  }
#info a#bolsa {
  position:absolute; 
  left:135px; 
  top:10px; 
  background:url(images/servirtuales/bolsa.gif) no-repeat;
  }
#info a#teleformacion {
  position:absolute; 
  left:267px; 
  top:10px; 
  background:url(images/servirtuales/plataforma.gif) no-repeat;
  }

 
 
  
#info a#marifa1:hover {
  position:absolute; 
  left:64px; 
  top:10px; 
  background:url(images/proyectos_eu/marifa1_on.gif) no-repeat;
  }
#info a#marifa2:hover {
  position:absolute; 
  left:193px; 
  top:10px; 
  background:url(images/proyectos_eu/marifa2_on.gif) no-repeat;
  }
#info a#avante:hover {
  position:absolute; 
  left:2px; 
  top:89px; 
  background:url(images/proyectos_eu/avante_on.gif) no-repeat;
  }
#info a#culturcad:hover {
  position:absolute; 
  left:135px; 
  top:89px; 
  background:url(images/proyectos_eu/culturcad_on.gif) no-repeat;
  }
#info a#zidac:hover {
  position:absolute; 
  left:267px; 
  top:89px; 
  background:url(images/proyectos_eu/zidac_on.gif) no-repeat;
  }
  
  
#info a#tablon:hover {
  position:absolute; 
  left:2px; 
  top:10px; 
  background:url(images/servirtuales/tablonon.gif) no-repeat;
  }
#info a#bolsa:hover {
  position:absolute; 
  left:135px; 
  top:10px; 
  background:url(images/servirtuales/bolsaon.gif) no-repeat;
  }
#info a#teleformacion:hover {
  position:absolute; 
  left:267px; 
  top:10px; 
  background:url(images/servirtuales/plataformaon.gif) no-repeat;
  }
  
  
/********************************************************************/
/* FIN de Estilos para las imagenes de la pagina Proyectos europeos */
/********************************************************************/


/*************************************************************/
/* Estilos para las imagenes de la pagina Servicios Virtuales */
/*************************************************************/

#servirtu ul {
	margin:0 auto; 
	padding:0; 
	position:relative; 
	width:400px; 
	height:100px; 
	z-index:1;
}
#servirtu li {
	list-style-type:none; 
	width:130px; 
	position:absolute;
}
#servirtu a {
  display:block; 
  width:130px; 
  height:93px; 
  color:#000; 
  text-decoration:none; 
  background:transparent; 
  overflow:hidden; 
  z-index:10;
  }

#servirtu a#tablon {
  position:absolute; 
  left:2px; 
  top:10px; 
  background:url(images/servirtuales/tablon.gif) no-repeat;
  }
#servirtu a#bolsa {
  position:absolute; 
  left:135px; 
  top:10px; 
  background:url(images/servirtuales/bolsa.gif) no-repeat;
  }
#servirtu a#teleformacion {
  position:absolute; 
  left:266px; 
  top:10px; 
  background:url(images/servirtuales/plataforma.gif) no-repeat;
  }

#servirtu a#tablon:hover {
  position:absolute; 
  left:2px; 
  top:10px; 
  background:url(images/servirtuales/tablonon.gif) no-repeat;
  }
#servirtu a#bolsa:hover {
  position:absolute; 
  left:135px; 
  top:10px; 
  background:url(images/servirtuales/bolsaon.gif) no-repeat;
  }
#servirtu a#teleformacion:hover {
  position:absolute; 
  left:266px; 
  top:10px; 
  background:url(images/servirtuales/plataformaon.gif) no-repeat;
  }
  
  
/********************************************************************/
/* FIN de Estilos para las imagenes de la pagina Servicios Virtuales */
/********************************************************************/

/*************************************************************/
/* Estilos para las imagenes de la pagina Contenido de Inicio */
/*************************************************************/

#contenido_inicio ul {
	margin:0 auto; 
	padding:0; 
	position:relative; 
	width:400px; 
	height:100px; 
	z-index:1;
}

#contenido_inicio li {
	list-style-type:none; 
	width:130px; 
	position:absolute;
}
#contenido_inicio a {
  display:block; 
  width:130px; 
  height:93px; 
  color:#000; 
  text-decoration:none; 
  background:transparent; 
  overflow:hidden; 
  z-index:10;
  }

#contenido_inicio a#proyectos {
  position:absolute; 
  left:2px; 
  top:10px; 
  background:url(images/proyectoseuoff.gif) no-repeat;
  }
#contenido_inicio a#escuelas {
  position:absolute; 
  left:135px; 
  top:10px; 
  background:url(images/talleresoff.gif) no-repeat;
  }
#contenido_inicio a#promocion {
  position:absolute; 
  left:269px; 
  top:10px; 
  background:url(images/promooff.gif) no-repeat;
  }
#contenido_inicio a#observatorio {
  position:absolute; 
  left:2px; 
  top:110px; 
  background:url(images/observatoriooff.gif) no-repeat;
  }
#contenido_inicio a#servicios {
  position:absolute; 
  left:135px; 
  top:110px; 
  background:url(images/serviciosoff.gif) no-repeat;
  }
#contenido_inicio a#planempleo {
  position:absolute; 
  left:269px; 
  top:110px; 
  background:url(images/portalempleoff.gif) no-repeat;
  }

#contenido_inicio a#proyectos:hover {
  position:absolute; 
  left:2px; 
  top:10px; 
  background:url(images/proyectoseuon.gif) no-repeat;
  }
#contenido_inicio a#escuelas:hover {
  position:absolute; 
  left:135px; 
  top:10px; 
  background:url(images/tallereson.gif) no-repeat;
  }
#contenido_inicio a#promocion:hover {
  position:absolute; 
  left:269px; 
  top:10px; 
  background:url(images/promoon.gif) no-repeat;
  }
#contenido_inicio a#observatorio:hover {
  position:absolute; 
  left:2px; 
  top:110px; 
  background:url(images/observatorioon.gif) no-repeat;
  }
#contenido_inicio a#servicios:hover {
  position:absolute; 
  left:135px; 
  top:110px; 
  background:url(images/servicioson.gif) no-repeat;
  }
#contenido_inicio a#planempleo:hover {
  position:absolute; 
  left:269px; 
  top:110px; 
  background:url(images/portalempleoon.gif) no-repeat;
  }
  
  
/********************************************************************/
/* FIN de Estilos para las imagenes de la pagina Proyectos europeos */
/********************************************************************/


/********************************************************************/
/* Estilos para las noticias/ofertas/adjudicaciones					*/
/********************************************************************/

.capa_noticia, .capa_oferta, .capa_adjudicacion, .capa_licitacion
{
	border-bottom:1px dotted #333333; 
	padding-top:20px; 
	padding-bottom:8px;
}

.fecha_noticia, .fecha_oferta, .fecha_adjudicacion
{
	font-weight:bold;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}

.foto_noticia_izquierda
{
	border: 1px solid #666666;
	margin-right:20px;
	float:left;
}

.titular_noticia, .titulo_oferta
{
	font-weight:bold;
	color:#003366;
	font-family:Georgia;
	font-size:1.1em;
	text-align:justify;
}

.resumen_noticia
{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}

.texto_noticia
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	text-align:justify;
	width: 750px;
}

/********************************************************************/
/* FIN de Estilos para las noticias/ofertas/adjudicaciones			*/
/********************************************************************/

/********************************************************************/
/* Estilos para galería de fotos 									*/
/********************************************************************/

.titulocategoriagaleria
{
	color:#FFFFFF;
	font-family:Tahoma; 
	font-size:1.0em;
	font-weight:bold;
	text-align:right;
}

.capa_galeria {
	font-family: verdana, sans-serif; 
	position:relative; 
	z-index:100;
	width:520px;
	margin:0 auto;
	height:450px;
	background:#FFFFFF;
	border:1px solid #ccc; /* Color de fondo */
}

.capa_galeria ul {
padding:0; 
margin:0 auto;
list-style-type: none;
width:355px;
height:26px;
background:#CCCCCC;
padding:5px;
margin:5px 78px 0 78px;
position:absolute;
border:1px solid #8a8;
}

.capa_galeria ul li {
float:left;
position:relative;
text-align:center;
}

.capa_galeria ul li a img {
border:0; 
float:left; 
background-color:#00FF66;
}

* html .capa_galeria ul li a img {float:none;}

.capa_galeria ul li a, .capa_galeria ul li a:visited {
float:left;
width:32px;
height:24px;
margin:0 5px;
text-decoration:none; 
color:#000;
border:1px solid #fff;
cursor:default;
}

.capa_galeria ul li ul {
position:absolute;
top:-106px;
left:-99999px;

}

.capa_galeria table {
border-collapse:collapse;
border:0; 
padding:0; 
margin:-4px;
background-color:#0000CC;
}

.capa_galeria ul li:hover a,
.capa_galeria ul li a:hover {
border:1px solid #8a8;
}

.capa_galeria ul li:hover ul,
.capa_galeria ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0; 
padding:0; 
margin:0;
background:#FFF; /* Color de fonde la miniatura */
margin:0 auto;
text-align:center;
}

.capa_galeria ul li:hover ul li ul,
.capa_galeria ul li a:hover ul li a ul {
position:absolute;
top:-270px;
left:-99999px;
}

.capa_galeria ul li:hover ul li a,
.capa_galeria ul li a:hover ul li a {
text-decoration:none; 
color:#000;
border:1px solid #8a8;
width:120px;
height:90px;
background:#FFF;


}

.capa_galeria ul li:hover ul li a b,
.capa_galeria ul li a:hover ul li a b {
display:block; 
width:32px; 
height:14px; 
font-size:0; 
background:#FFF url(images/puntero_foto_galeria.gif);  /* Color de fondo de la flechita */
position:absolute; 
left:50px; 
top:92px; 
border-left:1px solid #8a8; 
border-right:1px solid #8a8; 
border-bottom:1px solid #8a8;
}

.capa_galeria ul li:hover ul li a:hover,
.capa_galeria ul li a:hover ul li a:hover {
border:1px solid #666;
}

/* Posicion FOTO 1 */
.capa_galeria ul li:hover ul li:hover ul,
.capa_galeria ul li a:hover ul li a:hover ul {
left:-24px; 
margin:0 auto;
text-align:center;
}
/* Posicion FOTO 2 */
.capa_galeria ul li:hover ul li:hover ul.pos2,
.capa_galeria ul li a:hover ul li a:hover ul.pos2 {
left:-68px;
margin:0 auto;
text-align:center;
}
/* Posicion FOTO 3 */
.capa_galeria ul li:hover ul li:hover ul.pos3,
.capa_galeria ul li a:hover ul li a:hover ul.pos3 {
left:-112px; 
margin:0 auto;
text-align:center;
}
/* Posicion FOTO 4 */
.capa_galeria ul li:hover ul li:hover ul.pos4,
.capa_galeria ul li a:hover ul li a:hover ul.pos4 {
left:-156px; 
margin:0 auto;
text-align:center;
}
/* Posicion FOTO 5 */
.capa_galeria ul li:hover ul li:hover ul.pos5,
.capa_galeria ul li a:hover ul li a:hover ul.pos5 {
left:-200px; 
margin:0 auto;
text-align:center;
}
/* Posicion FOTO 6 */
.capa_galeria ul li:hover ul li:hover ul.pos6,
.capa_galeria ul li a:hover ul li a:hover ul.pos6 {
left:-244px; 
margin:0 auto;
text-align:center;
}
/* Posicion FOTO 7 */
.capa_galeria ul li:hover ul li:hover ul.pos7,
.capa_galeria ul li a:hover ul li a:hover ul.pos7 {
left:-288px; 
margin:0 auto;
text-align:center;
}
/* Posicion FOTO 8 */
.capa_galeria ul li:hover ul li:hover ul.pos8,
.capa_galeria ul li a:hover ul li a:hover ul.pos8 {
left:-332px; 
margin:0 auto;
text-align:center;
}

.capa_galeria ul li:hover ul li:hover ul li a span,
.capa_galeria ul li a:hover ul li a:hover ul li a span {
display:none;
}

.capa_galeria ul li:hover ul li:hover ul li a,
.capa_galeria ul li a:hover ul li a:hover ul li a {
width:480px; 
height:360px;
border:1px solid #8a8;
}

.capa_galeria ul li:hover ul li:hover ul li a:hover,
.capa_galeria ul li a:hover ul li a:hover ul li a:hover
{
border:1px solid #fc6;

}

.capa_galeria ul li:hover ul li:hover ul li a:hover span,
.capa_galeria ul li a:hover ul li a:hover ul li a:hover span {
display:block; 
font-size:10px; 
position:absolute; 
top:1px; 
left:6px; 
width:470px; 
background:#004080; 
padding:5px; 
border-bottom:1px solid #fc6;
}

.capa_galeria ul li:hover ul li:hover ul li a:hover span:first-line,
.capa_galeria ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; 
font-size:14px; 
color:#efe;
}


/********************************************************************/
/* FIN de Estilos para la galería de fotos 							*/
/********************************************************************/

/*****************************************/
/* Estilos para mostrar el reloj y fecha */
/*****************************************/

#reloj, #fecha_actual
{
	color:#999999;
	font:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:lighter;
	/*style="vertical-align:middle; color:#999999; font:Arial, Helvetica, sans-serif; font-size:10px; font-weight:lighter;*/
}

/************************************************/
/* FIN de Estilos para mostrar el reloj y fecha */
/************************************************/

/********************************************************************/
/* Estilos para módulo de novedades		 							*/
/********************************************************************/

.novedades
{
	background-color:#DFE8EC;
	border:1px solid #ccc;
	font:Tahoma;
	font-size:1.0em;
	color:#003366;
	width:180px;
	margin-top:5px;
}

.titulo_novedades, .titulo_menu
{
	background-color:#FF6600;
	color:#FFFFFF;
	font:Tahoma;
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.1em 0.1em;
	text-align:center;
	width:178px;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

.titulo_novedades_noticias
{
	padding-top:10px;
	padding-left:25px;
	font-weight:bold;
	padding-bottom:5px;
	color:#FF9900;
}

.titulo_novedades_ofertas
{
	padding-left:8px;
	font-weight:bold;
	color:#FF9900;
	padding-bottom:5px;
}

.lista_novedades
{
	list-style-image:url(images/bullet_novedades.gif);
	color:#003366;
	margin-left:20px;
	line-height:2em;
}

/**************************************/
/* FIN de estilos módulo de novedades */
/**************************************/

/* Estilos del Menu de pestañas */
/********************************/
#tabsJ {
	float:left;
	width:100%;
	background:#FFFFFF;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #24618E;
}
#tabsJ ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
}
#tabsJ li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsJ a {
	float:left;
	background:url("images/tableftJ.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#tabsJ a span {
	float:left;
	display:block;
	background:url("images/tabrightJ.gif") no-repeat right top;
	padding:5px 15px 4px 0px;
	color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {
	float:none;
}
/* End IE5-Mac hack */
#tabsJ a:hover span {
	color:#FFF;
}
#tabsJ a:hover {
	background-position:0% -42px;
}
#tabsJ a:hover span {
	background-position:100% -42px;
}

#tabsJ #current a {
	background-position:0% -42px;
}
#tabsJ #current a span {
	background-position:100% -42px;
	color:#FFF;
}
	
/************************************/
/* Fin Estilos del Menu de pestañas */
/************************************/

/****************************************/
/* Estilos para elementos de formulario */
/****************************************/

.capa_formulario
{
	border-bottom:1px solid #000000;
	padding-bottom:20px;
	margin:0 auto;
	text-align:center;
}

.capa_formulario_login
{
	border-bottom:1px solid #999999;
	padding-bottom:20px;
	margin:0 auto;
	text-align:center;
}

.capa_botones_formulario
{
	margin-left:150px;
}

form 
{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 460px; 
}

form label 
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	
	font:Tahoma;
	font-size:1.0em;
	color:#006699;
	font-weight:bold; 
}

label:first-letter
{
	text-decoration:underline;
}

.campo_texto
{
	background-color:#ffffff;
	font-family:Tahoma;
	font-size:1em;
	border:1px solid #cccccc;
	color:#0066CC;
	text-align:center;
}

.area_texto
{
	border:1px solid #dddddd;
	background-color:#ffffff;
	font-family:Courier New;
	font-size:1em;
	color:#003366;
}

.campo_texto_login
{
	border:1px solid #D2DDF9;
	background-color:#ffffff;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
	text-align:center;
}

form input#reset 
{
	margin-left:0px;
}

textarea 
{ 
	font:"Courier New", Courier, mono;
	font-size:1.3em;
	border:1px solid #ccc;
}

textarea:hover
{ 
	border:1px solid #ccc;
	background-color:#DFE7EE;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

.boton
{
	width: auto; 
	border: 3px double #999999; 
	border-top-color: #CCCCCC; 
	border-left-color: #CCCCCC; 
	padding: 0.25em; 
	background-color: #EEEEEE; 
	background-image: url(images/fondo_boton.gif); 
	background-repeat: repeat-x; 
	color: #333333; 
	font-size: 0.9em; 
	font-weight: bold; 
	font-family: Tahoma;
}

.capa_errores
{
	text-align:center; 
	padding:5px; 
	border:1px dotted #ff0000; 
	background-color:#FFFFEA; 
	color:#FF0000; 
	font:Arial; 
	font-size:1.0em;
}

.titulo_formulario
{
	margin-bottom:1em; 
	background-color:#F0B333; 
	padding: 0.1em 0.2em 0.1em 0.2em; 
	border:none; 
	color:#ffffff; 
	font-family:Tahoma; 
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}

.tabla_login
{
	bottom:1px solid #999999;
}

.titulo_formulario_login
{
	margin-bottom:1em; 
	background-color:#F0B333; 
	padding: 0.1em 0.2em 0.1em 0.2em; 
	border:none; 
	color:#ffffff; 
	font-family:Tahoma; 
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}

.titulo_formulario_login_admin
{
	margin-bottom:1em; 
	background-color:#003366; 
	padding: 0.1em 0.2em 0.1em 0.2em; 
	border:none; 
	color:#ffffff; 
	font-family:Tahoma; 
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}

/************************************/
/* FIN de estilos para formularios  */
/************************************/

#loc_bovedas
{
	position:relative;
	float:right;
	top:-70px;
	
}

/****************************************/
/* Estilos para scroll RSS de novedades */
/****************************************/

#scrollnovedades
{
	width: 168px;
	height: 150px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #F0F0F0;
}

.rssclass .rsstitle
{
	font-weight: bold;
}

.rssclass .rssdate
{
	color: gray;
	font-size: 85%;
}

.rssclass a
{
	text-decoration: none;
}

/*******************************************/
/* FIN de estilos para scroll de novedades */
/*******************************************/

/* ********************************************************************************************* */
/* 								ESTILOS PARA PANEL DE ADMINISTRACIÓN							 */
/* ********************************************************************************************* */

.login
{
	top: 200px;
	border:0px;
}

.fechanoticia
{
	font-weight:bold;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}

.campotexto
{
	border:1px solid #cccccc;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

.campofecha
{
	border:1px solid #cccccc;
	font-family:Verdana;
	font-size:10px;
	color:#0066CC;
	text-align:center;
	font-weight:bold;
}

/* ********************************************************************************************** */
/*							FIN DE ESTILOS PARA EL PANEL DE ADMINISTRACIÓN						  */
/* ********************************************************************************************** */

.componente_seleccionado
{
	font-weight:normal;
	color:#0066CC;
}

/* ********************************************************************************************** */
/*							ESTILOS PARA EL CALENDARIO											  */
/* ********************************************************************************************** */

.capa_calendario_reservas
{
	border:1px solid #0066CC; 
	width:200px;
	float:left;
}

.capa_leyenda_reservas
{
	float:left;
	width:200px;
}

.capa_nueva_reserva
{
	float:right;
	width:140px;
}

TD  
{
	font-family : verdana,arial,helvetica;
	font-size : 8pt;
	color:#6699FF;
}

.dias_semana
{
	font-weight:bold;
	background-color:#E9F0F5;
}

.dias  
{
	font-family : verdana,arial,helvetica;
	font-size : 8pt;
	color: #999999;
	background-color: #fcfcfc;
}

.tit  
{
	font-family : verdana,arial,helvetica;
	font-size : 8pt;
	color:#3366CC;
	background-color:#FFCC00;
	font-weight: bold;
}

a.cambiar_mes
{
	font-size:7pt;
	font-family:Arial;
}

a.dia_enlace:link {font-size:8pt; text-decoration:none; color:#6699FF;} /* enlace no visitado */ 
a.dia_enlace:visited {font-size:8pt; text-decoration:none; color:#6699FF;} /* enlace visitado */ 
a.dia_enlace:hover {font-size:8pt; color:#003366; text-decoration:underline;} 
a.dia_enlace:active {font-size:8pt; color:#6699FF;} /* enlace activo */ 

.captura_suministro
{
	border:1px solid #cccccc;
	vertical-align:middle;
}

.cabecera_capa_reservas_realizadas
{
	background-color:#0066CC;
	color:#FFFFFF;
	font-family:Tahoma;
	font-weight:bold;
	font-size:11px;
	padding: 2px 2px 2px 2px;
	width:176px;
	text-align:center;
}

#capa_reservas_realizadas
{
	border:1px solid #46587D;
	background-color:#DDE2EC;
	padding: 4px 4px 4px 4px;
	width:170px;
	visibility:visible;
	z-index:999;
}
	
.espacio_reservas
{
	font-family: Tahoma;
	font-size: 11px;
	color:#0066CC;
	text-align:center;
}
	
#aviso_novedades
{
	z-index:999;
	top:35px;
	position:absolute;
	left:135px;
}

#aviso_usuarios
{
	z-index:999;
	top:71px;
	position:absolute;
	left:140px;
}

div.paso{
    padding-bottom: 4em;
}

div.opcion{
    padding: .5em 0px;
}