/*-----------------------------------------------------------------------------------*/
/*	Fichero de estilos propio de GCM.
/*  
/* Contiene las reglas de estilo necesarias para controles propios de GCM que no 
/* están contenidas en los ficheros de estilo que incluye CEPage.
/*
/*
/*
/* Fecha: 01/12/2005
/* Actualización después de la MaquetaN: 13/07/2006
/*-----------------------------------------------------------------------------------*/
/* Observaciones:
/*
/* - 13/07/2006: W3C VALIDO 
/*		Validado en http://jigsaw.w3.org/css-validator/
/*-----------------------------------------------------------------------------------*/

/* Los que todavia usamos del estandar viejo - Tendrían que quitarse */
.datostabla {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; background-color:#DDE5ED;}
.enunciados {color:#336699; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px;background-color:inherit;}

/* Datos del usuario ------------------------------------------------------------------------*/
table.datos_usuario {width:100%; border-width:0px; border-collapse:collapse}
select.datos_usuario{font-size:70%; font-weight:normal;width:20px}
td.datos_usuario{color:#333333; background-color:#ecebe5;height: 18px;width: 10%;padding:0px 5px 0px 5px; vertical-align:middle; white-space:nowrap}
td.datos_usuario2{color:#333333; background-color:#ecebe5;height: 18px;width: 10%;padding:0px 0px 0px 0px; white-space:nowrap}
td.datos_usuario_white { background-color: White; width: 2px; padding:1px; color:#333333;} 
td.datos_usuario_spacer {background-color:#ecebe5;width:100%;color:#333333;}
a.datos_usuario_enlace:link, a.datos_usuario_enlace:visited, a.datos_usuario_enlace:active {text-decoration: underline;font-size: 70%;font-weight: bold;background-color:#ecebe5;color: #333333;}
a.datos_usuario_enlace:hover {text-decoration: underline;font-size: 70%;color: #333333;font-weight: bold; background-color:#ecebe5;}
span.datos_usuario_texto {font-size: 70%;font-weight: normal;color: #333333;background-color:#ecebe5;}

/* Noticias ------------------------------------------------------------------------*/
/* texto de las noticias alineado a la izquierda */
ul.Generales_fecha_texto_left {text-align:left;list-style-position:outside;list-style-image: url(./../Images/Generales/Noticias_Crystal_Clear.png); margin-left: 16px; padding-left:0px; padding-right:0px; padding-top:1px; padding-bottom:1px}
ul.Destacados_fecha_texto_left {text-align:left;list-style-position:outside;list-style-image: url(./../Images/Generales/Destacados_Crystal_Clear.png); margin-left: 16px; padding-left:0px; padding-right:0px; padding-top:1px; padding-bottom:1px}
.noticia_subtitulo
{
	padding-right: 0px;
	padding-left: 0px;
	list-style-position: outside;
	font-size: 10px;
	padding-bottom: 1px;
	margin-left: 0px;
	padding-top: 1px;
	text-align: left;
}
/* barra de noticias sin fondo amarillo */
td.noticias_seccion_sin_fondo {height: 12px;width: 100%;padding:2px; vertical-align:middle}
/* barra de noticias con fondo amarillo */
td.noticias_seccion_GCM { background: #D8E4F8 ;height: 18px;width: 100%;padding:2px; vertical-align:middle}
/* div control */
.control{position: relative;}
/* div marco */
.marco {border-width:0px; padding:4px 4px 4px 4px; font-size:100%; margin-left:0px; width:250px; height:60px; margin-right:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Paginador de la lista de servicios */
a.menu_izq_sub_enlace{font-size:70%}

/* Celda que contiene un mensaje de información al usuario. Se usa en InfoError y en Logoff */
td.info_mensaje {padding:10px;background-color:#eeeeee;color:#000000;border-top:solid 10px #ffffff;border-bottom:solid 10px #ffffff;vertical-align:middle;text-align:center;}

/* Reglas de estilo para el gestor de plantillas en GCM.WEB*/
td.general_f62 {}
input.menu_der_sub_texto{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;font-style: normal;}


/*	HAY QUE SUSTITUIRLAS POR LAS QUE ESTAN EN ESTILOSN.CSS - REGLAS TABS */
/*==============================================================================================*/
/*----------------------------------------------------------------------------------------------*/
/* Estilos asociados al control CETabCollection */ 

.cssTabNoSeleccionado {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #000000;
		cursor:pointer;
		padding: 5px 5px 5px 5px;
		background-color: #F1F4F5;
		border-width: 1px 1px 1px 1px;
		border-color: #6699cc;
		border-style: solid;
		border-right: none;
		margin-bottom:1px;
		vertical-align:bottom
		}
.cssTabSeleccionado {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #ffffff;
		cursor:pointer;
		padding: 5px 5px 5px 5px;
		background-color: #6699CC;
		border-width: 1px 1px 1px 1px;
		border-color: #6699cc;
		border-style: solid;
		border-right: none;
		margin-bottom:1px;
		vertical-align:bottom
		}
.cssTabImageNoSeleccionado {
		background-color: #F1F4F5;
		color:#333333;
		cursor:text;
		vertical-align:bottom;
		padding: 0px 0px 0px 0px;
		margin-bottom:1px;
		border-bottom: none;
		}
.cssTabImageSeleccionado {
		background-color: #6699CC;
		color:#333333;
		cursor:text;
		margin-bottom:1px;
		vertical-align:bottom;
	}
	
.cssNoTab { visibility: hidden;
	width: 0%;
	display:none; }
	
	

.cssValidatorError {font-family: verdana, arial, helvetica;
			font-size: 11px;
			color: #FF0000;
			}

.cssLabelLabel {font-family: verdana, arial, helvetica;
			font-size: 12px;
			font-weight: bold;
			color: #336699;
			}


.cssEncabezadoTipoNodo {font-family: verdana, arial, helvetica;
		font-size: 12px;
		font-weight: bold;
		background-color: #CCEECC;
		color: black;
		padding: 5px 5px 5px 5px;
		}


.cuerpo_tab {width:100%;
		border-style:solid;
		border-width:1px;
		border-color:#336699;
		background-color:#F1F4F5;
		vertical-align: top;
		padding:10px 10px 10px 10px;
	}

span.GCMTextoJustificado
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	color: #333333; 
	text-decoration: none; 
	padding-left: 4px;
	font-style: normal; 
	font-weight: normal;
	text-align:justify;
}

a.menu_izq_sub_invisible:link, a.menu_izq_sub_invisible:visited, a.menu_izq_sub_invisible:active{text-decoration: none;font-size: 70%;color: #222222; font-style:italic;}
a.menu_izq_sub_invisible:hover {text-decoration: underline; font-size: 70%;color: #222222; font-style:italic; }

.BloqueTipoNodo
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	text-decoration: underline; 
	padding-left: 4px;
	font-style: normal; 
	font-weight: bold
}

/*-------------------------------------------------------------------------------------------------------------------------
	Menu del portal
*/
.cemenu_menu_izq{padding:0px;margin:0px;width: 190px;}
div.menu_izq_cap
{
	background-color: #6699CC; 
	height: 18px; width: 100%;
	border-width:0px;
	padding:3px 0px 0px 3px;
	margin:0px;
	border-collapse:collapse;
	border-color:#ff0000
}
div.menu_izq_sub
{
	border: 0px solid #6699cc;
	background-image: url(./../Images/gobcan/gifs/fondo_organigrama.gif);
	width: 190px;
	padding-left:3px; padding-right:0px; padding-top:0px; padding-bottom:0px
} 
td.menu_sup_titulo {white-space: nowrap; background-color: #003399; margin: 0px; padding: 0px 20px 0px 20px; line-height: 15px; vertical-align:middle} 
.menu_sup_texto{ text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;font-weight: bold;color: #FFFFFF;}
/* Estilo utilizado para el texto del control Acceso Restrigido */
.format_texto{ text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: bold;color:#6699cc;}

/*------------------------------------------------------------------------*/
/* Páginas de ayuda de la aplicación */
.formato_portal_ayuda
{
	background-color:#f1f4f5;
	height: 100%;
	width: 100%;
	padding-left:3px; padding-right:0px; padding-top:0px; padding-bottom:0px
} 

/*-------------------------------------------------------------------------------------------------------------------------*/
/* Estilos relacionados con la Agenda y las Noticias */
.DiaCalendario {text-decoration:none;font-size:7pt;}
.CeldaCalendario{border: #6699CC 0px solid;	background-color: #f1f4f5;padding-bottom:5px;color:#333333}
.LeyendaCalendario{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 60%;	text-decoration: none;}
.EtiquetaCalendario{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%;	text-decoration: none;}
.TituloLeyenda {text-decoration:none;font-size:7pt; background-color: #D8E4F8;}
td.EventosCalendario { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%;	text-decoration: none; }
a.EventosCalendario, a.EventosCalendario:hover, a.EventosCalendario:visited, a.EventosCalendario:active, a.EventosCalendario:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000;} 
.IReunion { text-decoration:none;font-size:7pt; border-color: white; background-color: #a3bfe8; }
.FReunion { text-decoration:none;font-size:7pt; border-color: white; background-color: #fd9595; }
.IJornadas { text-decoration:none;font-size:7pt; border-color: white; background-color: #bdf884; }
.FJornadas { text-decoration:none;font-size:7pt; border-color: white; background-color: #fd9595; }
.IAperAplicacion { text-decoration:none;font-size:7pt; border-color: white; background-color: #ffe380; }
.FAperAplicacion { text-decoration:none;font-size:7pt; border-color: white; background-color: #fd9595; }

/*-------------------------------------------------------------------------------------------------------------------------*/
/* Estilos para los iconos de nodo / (o en general el ASCX selectorImagen) */
.LabelNombreImagen {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:50%; text-align:center; width:100%}
.LinkImagen{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:70%;text-decoration:none; border-style:none; background-color:Transparent;cursor:pointer}
.LinkImagenHover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:70%;text-decoration:underline;border-style:none; background-color:Transparent;cursor:pointer}
	
div.form_in{OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%;border:solid 1px #6699cc;vertical-align:top;background-color:#ffffff;color:inherit}

/* Control VisorRecursos ------------------------------------------------------------------------*/
ul.texto_recursos_masrecientes {text-align:left;list-style-position:outside;list-style-image: url(./../Images/Generales/RecientesCrystal_Clear.png); margin-left: 16px; padding-left:0px; padding-right:0px; padding-top:1px; padding-bottom:1px}
ul.texto_recursos_masvisitados {text-align:left;list-style-position:outside;list-style-image: url(./../Images/Generales/Visitados_Crystal_Clear.png); margin-left: 16px; padding-left:0px; padding-right:0px; padding-top:1px; padding-bottom:1px}
ul.texto_recursos_mejorvalorados {text-align:left;list-style-position:outside;list-style-image: url(./../Images/Generales/estrellaOn.gif); margin-left: 16px; padding-left:0px; padding-right:0px; padding-top:1px; padding-bottom:1px}

/* Control CEBookmarks ------------------------------------------------------------------------*/
.cssLabelLabel {font-family: verdana, arial, helvetica;
			font-size: 10px;
			font-weight:normal;
			color:Black;
			text-align:right;
			}
/* Texto a mostrar en la zona del flash--------------------------------------------------------*/
.class_texto_flash{font-family:Monotype Corsiva; font-weight:bold; font-size:30px}

/* Estilos iconos de accesibilidad --------------------------------------------------------*/
#pie_iconos{
	width: 100%;
	margin-left: 35%;
	margin-bottom: 1%;
}
#pie_iconos img{
	border:0;
	width: 79px;
	height: 28px;
}
#pie_iconos a{
	border:0;
	text-decoration: none;
} 

/* Estilo img para el cumplimiento de la accesibilidad ------------------------------------*/
img.imagen_sin_borde { border:0;}
img.imagen_centrada { vertical-align:middle;}
img.imagen_bienvenida { border:0; margin-bottom:15px; margin-left:15px; margin-right:15px; margin-top:15px; float:right}

/* Estilo tabla que contiene el titulo de los nodos, recursos y secciones -----------------*/
table.cabecera_titulo { width:100%; background-color:#D8E4F8; border-collapse:collapse}
td.cabecera_titulo_extremos { padding:0px; margin:0px; width:10px}
td.cabecera_titulo_central { padding:0px; margin:0px; width:100%}

td.separador_contenidos { height:20px}

/* alto columnas -------------------------------------------------------------------------*/
td.alto10 { height:10px }
td.alto20 { height:20px }
td.alto30 { height:30px }
td.alto12 { height:12px }
td.ancho20 { width:20% }
td.ancho30 { width:30% }
td.ancho450 { width: 450px }
td.ancho750 { width: 750px }

/* Estilos utilizados en un nodo menu con formato texto */
td.menuTexto1 { width:12px; margin-bottom:20px }
td.menuTexto2 { width:43px; float:right }
td.menuTexto3 { width:12px; margin-bottom:1px }

div.justificado { text-align:justify }
.celdaResultadoEncuesta { width:100%; height:0.81em }

/*div#separador1 { height:1.6em; }
div#separador2 { height:2.5em; }
div#separador3 { height:4.55em; margin-bottom:0.2em }*/

div#separador1 { height:1.6em; }
div#separador2 { height:2.7em; }
div#separador3 { height:4.25em }

td.buscador_agrega {background-image: url(./../Images/gobcan/gifs/fondo_organigrama.gif); vertical-align:middle}

h1.cabecera { font-family:Monotype Corsiva; font-weight:bold; font-size:30px }
h2.cabecera2 { font-weight: bold; color: #003399; font-family:Lucida Sans; font-size:smaller; text-decoration:none; margin:0em 0em 0em 0em; }
h2.cabeceraDetalle { font-size: 70%;font-weight: bold;color: #003399; text-decoration:none; margin:0em 0em 0em 0em;}

div.espacio {width:0.0625em}
div.espacio_vertical_secciones {width:0.625em; height:0.0625em}

div.espacio_nodos1 {width:0.0625em; height:0.0625em}
div.espacio_nodos2 {width:9.375em; height:0.0625em}
div.espacio_nodos3 {width:0.0625em; height:6.25em}

div.espacio_reglas_rotas {width:12.5em; height:0.0625em}
table.ancho_maximo {width:100%}
table.sin_espacio { padding:0px; border-spacing: 0; }

/* Estilo utilizado para simular tecla en la ayuda de teclas de inicio rápido */
.kbd { border: outset 0.1% Black; width: 3%; text-align:center;}

li.form_texto	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal; color: #000000; background-color:inherit;font-style: normal;}
span.texto_subrayado { text-decoration:underline}
span.enunciados {color:#336699; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px;background-color:inherit;}
td.centrar { text-align:center }
span.form_button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal;}