BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #595959; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
TABLE
{
	padding :0px;
}
IMAGE{BORDER:0px; padding:0px;}
A {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: underline
}
A.naranja {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff9900; TEXT-DECORATION: none
}
A.azul {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none
}
.titulo {
	FONT-WEIGHT: bold; FONT-SIZE: 36px; COLOR: #FCF1E9; TEXT-DECORATION: none
}
.subtitulo {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	LETTER-SPACING: 0.2em;
	color:#828bcc;
	PADDING-LEFT: 15px;

}
.texto{FONT-SIZE: 11px;}
.texto12{FONT-SIZE: 12px;}
.textoModulo{FONT-SIZE: 11px;FONT-WEIGHT: bold;color:#D98410;}
.textoBlanco{FONT-SIZE: 11px;FONT-WEIGHT: bold;color:#FFFFFF;}
/* ESTILOS PARA CONTROLES DE FORMULARIO */
.field {color:#006699;	text-align : left;	font-size : 11px;}
.fieldInput{BORDER-RIGHT: #ff8000 1px solid; BORDER-TOP: #ff8000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #ff8000 1px solid; COLOR: #ff8000; BORDER-BOTTOM: #ff8000 1px solid; COLOR: #ffffff}
.fieldInputRequired{BORDER-RIGHT: #ff8000 1px solid; BORDER-TOP: #ff8000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #ff8000 1px solid; COLOR: #ff8000; BORDER-BOTTOM: #ff8000 1px solid; cOLOR: #cccccc}
.tag { BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #006699 1px solid; COLOR: #006699; BORDER-BOTTOM: #006699 1px solid; BACKGROUND-COLOR: #ffffff}

.button{
/*BORDER-RIGHT: #0e047e 1px solid;
BORDER-TOP: #fff 1px solid;
FONT-SIZE: 9px;
BACKGROUND-IMAGE: url(../images/fondo_button.gif);
BORDER-LEFT: #fff 1px solid;
WIDTH: auto;
BORDER-BOTTOM: #0e047e 1px solid;
BACKGROUND-REPEAT: repeat-x;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
HEIGHT: 16px;
TEXT-ALIGN: center;
TEXT-DECORATION: none*/
}


INPUT.boton
{
	font-weight: bold;
	width: 75px;
	color: #ffffff;
	background-color: #006699;
	text-decoration: none;
}

.estado{
	COLOR: #333333;
	TEXT-ALIGN: justify;
	BACKGROUND-IMAGE: url(../images/balon.gif);
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 10px;
	FONT-SIZE: 11px;
	BACKGROUND-REPEAT: no-repeat;
	background-position: left;
}
.conBorde {background : #EFEFEF;	border: 1px solid #006699;}
.conBorde2 {background : #FFFFCC;	border: 1px solid #663300;}
.conBorde3 {background : #d6d5f1;	border: 1px solid #663300;}
.chart {background : #CCCC99;	border: 1px solid #663300;}

/****  ESTILOS PARA AYUDA ****/
.ayuda {background : #FFFFFF;	border: 1px solid #999999;}
.ayuda TH {FONT-SIZE: 12px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #999999;	text-align: center; PADDING-LEFT: 10px;}
.ayuda TD {FONT-SIZE: 10px;COLOR: #000000; PADDING-LEFT: 10px;}

/****  ESTILOS PARA DATAGRID ****/
.datagrid {background : #D6D8ED;	border: 1px solid #828bcc;}
/*.datagrid TR.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #006699;	text-align: center; PADDING-LEFT: 10px;}*/
.datagrid TD.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #828bcc; PADDING-LEFT: 1px;}
.datagrid TD.headerOrdAsc {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #828bcc;	text-align: left; PADDING-LEFT: 10px;BACKGROUND-IMAGE: url(../images/orderAsc.gif);BACKGROUND-REPEAT: no-repeat;background-position: [left 7px][top 0px];}
.datagrid TD.headerOrdDesc {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #828bcc;	text-align: left; PADDING-LEFT: 10px;BACKGROUND-IMAGE: url(../images/orderDesc.gif);BACKGROUND-REPEAT: no-repeat;background-position: [left 7px][top 0px];}
.datagrid TR.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #CCCC99;	text-align: left; PADDING-LEFT: 10px;}
.datagrid TR.pager {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #CC0000; BACKGROUND-COLOR: #c5cae7;	text-align: left; PADDING-LEFT: 10px;}
.datagrid TR.pagerNextPrev { text-align:right ; FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #CCCC99; PADDING-LEFT: 10px; font-size:10px;}
.datagrid TR.header A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none;text-align: left;PADDING-LEFT: 10px;}
.datagrid TR.header A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid TR.item A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid TR.item A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff9900; TEXT-DECORATION: none}
.datagrid TR.pager A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid TR.pager A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid TD.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #828bcc;	text-align: left; PADDING-LEFT: 10px;}

/****  ESTILOS PARA DATAGRID ****/
.datagrid2 {background : #0099ff;	border: 1px solid #ff9900;}
/*.datagrid TR.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #006699;	text-align: center; PADDING-LEFT: 10px;}*/
.datagrid2 TD.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #ff9900; PADDING-LEFT: 10px;}
.datagrid2 TD.headerOrdAsc {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #ff9900;	text-align: left; PADDING-LEFT: 10px;BACKGROUND-IMAGE: url(../images/orderAsc.gif);BACKGROUND-REPEAT: no-repeat;background-position: left 7px;}
.datagrid2 TD.headerOrdDesc {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #ff9900;	text-align: left; PADDING-LEFT: 10px;BACKGROUND-IMAGE: url(../images/orderDesc.gif);BACKGROUND-REPEAT: no-repeat;background-position: left 7px;}
.datagrid2 TR.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #CCCC99;	text-align: left; PADDING-LEFT: 10px;}
.datagrid2 TR.pager {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #CC0000; BACKGROUND-COLOR: #CCCC99;	text-align: left; PADDING-LEFT: 10px;}
.datagrid2 TR.pagerNextPrev { text-align:right ; FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #CCCC99; PADDING-LEFT: 10px; font-size:10px;}
.datagrid2 TR.header A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none;text-align: left;PADDING-LEFT: 10px;}
.datagrid2 TR.header A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid2 TR.item A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid2 TR.item A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff9900; TEXT-DECORATION: none}
.datagrid2 TR.pager A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid2 TR.pager A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid2 TD.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #EEEE99;	text-align: left; PADDING-LEFT: 10px;}

.tablalista {background : #006699;	border: 1px solid #006699;}
.tablalista TH {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #006699;	text-align: center; PADDING-LEFT: 10px;}
.tablalista TD {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #EAF9FF;	text-align: center; PADDING-LEFT: 10px;}

tablaevaluaciones {background : #006699;	border: 1px solid #006699;}
.tablaevaluaciones TH {FONT-SIZE: 12px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #006699;	text-align: left; PADDING-LEFT: 10px;}
.tablaevaluaciones TD {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #EAF9FF;	text-align: left; PADDING-LEFT: 10px;}

.tablaBloque {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	MARGIN-LEFT: 2px;
	COLOR: #ffffff;
	MARGIN-RIGHT: 2px;
	TEXT-ALIGN: center;

	/*background-color: #FEF1CB;*/
}
.tablaBloque TH {
	FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #cccccc;	text-align: left; PADDING-LEFT: 10px;
}
.tablaBloque TH.azul {
	BACKGROUND-COLOR: #006699;
}
.tablaBloque TH.naranja {
	BACKGROUND-COLOR: #ff9900;
}

.tablaBloque TD {
	COLOR: #333333; PADDING-LEFT: 3px; FONT-SIZE: 11px; TEXT-ALIGN: justify; FONT-WEIGHT: bold;
}
.tablaBloque TD.aplicaciones {
	COLOR: #333333;
	TEXT-ALIGN: justify;
	PADDING-LEFT: 2px;
	FONT-SIZE: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.tablaBloque TD.opciones1 {
	COLOR: #333333;
	TEXT-ALIGN: justify;
	BACKGROUND-IMAGE: url(../images/punto.gif);
	PADDING-LEFT: 10px;
	FONT-SIZE: 11px;
	BACKGROUND-REPEAT: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tablaBloque TD.opciones2 {
	COLOR: #333333;
	TEXT-ALIGN: justify;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tablaBloque TD.opciones3 {
	COLOR: #333333;
	TEXT-ALIGN: justify;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tablaBloque TD.noticia {
	COLOR: #333333;
	TEXT-ALIGN: justify;
	BACKGROUND-IMAGE: url(../images/marcaFlecha.gif);
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 5px;
	FONT-SIZE: 11px;
	BACKGROUND-REPEAT: no-repeat;
	background-position: left 7px;
	padding-top: 5px;
	padding-bottom: 5px;

}
.tablaMenu {
	background : #EAF9FF;	border: 1px solid #006699; FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-LEFT: 2px; COLOR: #201c1b; MARGIN-RIGHT: 2px; TEXT-ALIGN: left
}
.tablaMenu TD {

}
.tablaMenu A {
	PADDING-RIGHT: 5px; BACKGROUND-POSITION: left 50%; PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../images/cuadro.gif); COLOR: #333333; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; TEXT-DECORATION: none
}
.tablaMenu A:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../images/cuadroUp.gif); COLOR: #333333; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal
}
.tablaNiveles {
	FONT-WEIGHT: normal; FONT-SIZE: 16px; MARGIN-LEFT: 2px; COLOR: #ffffff; MARGIN-RIGHT: 2px; TEXT-ALIGN: center
}
.tablaNiveles TD {
	COLOR: #cccccc
}
.tablaNiveles A {
	PADDING-RIGHT: 5px; BACKGROUND-POSITION: left 50%; PADDING-LEFT: 12px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(../images/cuadro.gif); COLOR: #333333; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; TEXT-DECORATION: none
}
.tablaNiveles A:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 12px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(../images/cuadroUp.gif); COLOR: #333333; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal
}
.tablaHist {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #201c1b; TEXT-ALIGN: center
}
.tablaHist TD {

}
.tablaHist A {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; FONT-STYLE: normal
}
.tablaHist A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-STYLE: normal; BACKGROUND-COLOR: #333333
}
.pie {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; color:#006699;
}
.frase {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; color:#006699;
}
.copy {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; color:#818ACB;
}
.paginacion {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; color:#ff9900;
}
.bloque {
	OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%
}
.bloqueEmpleados {
	OVERFLOW: auto; WIDTH: 100%; HEIGHT: 380px; border: 1;
}
.bloqueEstadisticas {
	OVERFLOW: auto; WIDTH: 100%; HEIGHT: 300px
}

.bloqueElemento {
	OVERFLOW: auto; WIDTH: 100%; HEIGHT: 200px
}
.bloqueColors {
	OVERFLOW: auto; WIDTH: 100%; HEIGHT: 50px
}
HR {
	COLOR: #cccccc
}
.tituloContenido {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; MARGIN-LEFT: 5px; COLOR: #333333; TEXT-DECORATION: none
}
.tablaItem TH A {
	COLOR: #fff9f1; FONT-STYLE: normal; TEXT-DECORATION: none
}
.lineaV {
	BACKGROUND-IMAGE: url(../images/linea_v.gif); WIDTH: 1px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 100%
}
#contenido A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; font-Family: TEXT-DECORATION: none
}
.centralHome
{	
	BACKGROUND-IMAGE: url(../images/central_HOME.jpg);
	BACKGROUND-REPEAT: no-repeat;
	background-position: center;
}
.DescripcionCompetencia
{
	
	COLOR: #323232;
	FONT-SIZE: 11px;
}
.DescripcionEvaluacion
{
	
	COLOR: #323232;
	FONT-SIZE: 10px;
}
.HeaderList
{
	  background-color:#6d6a69;
	  color:#ffffcc
}
.Leyenda{
	COLOR: #440000;
	TEXT-ALIGN: right;
	
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
	FONT-SIZE: 11px;
}
.Resultados{
	COLOR: #440000;
	TEXT-ALIGN: right;	
	FONT-SIZE: 11px;
}

.tablaResultados{COLOR: #440000;FONT-SIZE: 11px;}
.tablaResultados TD.Campo{background-color:"#dadfe0";TEXT-ALIGN: right;}
.tablaResultados TD.Valor{background-color:"#efefef";TEXT-ALIGN: left;}

.negrita12{FONT-WEIGHT: bold; FONT-SIZE: 12px;COLOR: #000;}
.negrita10{FONT-WEIGHT: bold; FONT-SIZE: 10px;COLOR: #000;}
.titleToolbar{background-color:"#FFFFFF";FONT-WEIGHT: bold; FONT-SIZE: 12px;COLOR: #111111;}
.usuariolog{FONT-WEIGHT: bold; FONT-SIZE: 10px;COLOR: #CC0000;}
.txtCentralOld{FONT-WEIGHT: bold; FONT-SIZE: 18px;COLOR: #000;}
.txtCentral{FONT-SIZE: 11px;FONT-WEIGHT: bold;color:#000000;}
.red{COLOR: #CC0000;}
.blak{COLOR: #000000;}
.msgError{COLOR: #CC0000;FONT-WEIGHT: bold;FONT-SIZE: 10px;}
.ValidatorSummary {background : #EFEFEF;	border: 1px solid #006699;COLOR: #CC0000;FONT-WEIGHT: bold;FONT-SIZE: 10px;}
.Stat_S{COLOR: #EE0000;}
.Stat_PROROGA{COLOR: #CCCC00;}

.MenuTab TD {FONT-SIZE: 10px;COLOR: #FFFFFF; background:#111111}
.MenuTab TR A:hover {FONT-SIZE: 10px;COLOR: #111111; background:#dddddd}
.MenuTab TR A {FONT-SIZE: 10px;COLOR: #FFFFFF; background:#111111}

/****  ESTILOS PARA TABLAEDO ****/
.tablaedo {background : #fff4e6;	border: 1px solid #fff4e6;}
/*.datagrid TR.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #006699;	text-align: center; PADDING-LEFT: 10px;}*/
.tablaedo TD.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #ff9900;	text-align: left; PADDING-LEFT: 10px;}
.datagrid TR.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #EEEE99;	text-align: left; PADDING-LEFT: 10px;}
.datagrid TD.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #EEEE99;	text-align: left; PADDING-LEFT: 10px;}

.panelinfo {background : #EAF9FF;	border: 1px solid #006699;FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #EEEE99;	text-align: left; PADDING-LEFT: 10px;}