body
{
	font-family: Helvetica, Arial;
	font-size: 11pt;
}

a:link {color:#333333;}      /* unvisited link */
a:visited {color:#333333;}  /* visited link */
a:hover {color:#333333;}  /* mouse over link */
a:active {color:#333333;}  /* selected link */ 

/*----- fecha, cerrar sesión, política de privacidad y derechos reservados---------*/
.cgen1	
{
	font-size: 10pt;
	color:  rgb(51,51,51);
}
.cgen1 a,
.cgen1 a:visited,
.cgen1 a:link,
.cgen1 a:active
{
	text-decoration:underline;	
	color:  rgb(51,51,51);
}
.cgleft
{
	padding-left:40px;
}
.cgright
{
	text-align:right;
	padding-right:40px;
}
/*------------------------------------------------------------------*/

/*-------------------------- encabezado ---------------------------*/
.cencabezado
{
	background-color:  rgb(242,242,242);
	padding-top: 10px;
	padding-bottom: 10px;
	color: rgb(51,51,51);
}
.cenc1  /* celda del nombre o logo de la aplicación */
{	
	padding-left:40px;
	font-weight:bold;
	color: rgb(51,51,51);
}
.ceenc1  /* celda del nombre o logo de la aplicación para elementos comunes que no traen menú */
{	
	padding-left:10px;
	font-weight:bold;
	color: rgb(51,51,51);
	padding-bottom:20px;
	padding-top:20px;
}
.cenc2  /* celda de rol y nombre de usuario */
{
	width:270px;
	text-align:right;
	padding-right:10px;
}

.cenc3	/* rol del usuario */
{
	font-weight:bold;
	font-size: 11pt;
}
.cenc4	/* nombre del usuario */
{
	font-size: 11pt;
}
.cenc5  /* celda del logo del cliente */
{	
	width:430px;
	padding-right:30px;
	text-align:right;
}
.clogocli
{
	width:203px;
	height:80px;
}
.clogogl
{
	width:200px;
}

/*------------------------------------------------------------------*/

/*-------------------------- título ---------------------------*/
.ctitulo
{
	background-color: rgb(30,184,237);
	padding-bottom:10px;
	padding-top:10px;	
	margin-top:2px;
}
.ctit1 /*titulo de la página*/
{
	color: rgb(242,242,242);
	padding-left:190px;	
	font-weight:bold;
	font-size:15pt;	
}
.cetit1  /*titulo de la página (para elementos comunes que no traen menú)*/
{
	color: rgb(242,242,242);
	padding-left:10px;	
	font-weight:bold;
	font-size:15pt;	
}
.ctit2
{
	color: rgb(242,242,242);
	padding-left:190px;
	font-size:15pt;	
}

/*-------------------------------------------------*/

/*-------------------------- pie ---------------------------*/
.cpie
{
	background-color:  rgb(242,242,242);
	padding-top: 10px;
	padding-bottom: 10px;
}
.cpie1  /* celda de íconos */
{
	padding-left:40px;
}
.cpie2  /* celdas de los íconos de utilerías */
{
	padding-right:25px;
}
.cpie3  /* celda del logo de GL */
{
	text-align:right;	
	width:700px;
	padding-right:40px;
}

/*-----------------------------------------------------------------*/

/*--------------------------- contenido ---------------------------*/
.ctree
{
	color:rgb(51,51,51);
	font-size:12pt;
	font-family:Helvetica, Arial;
}

.ccontenido
{
	color: rgb(51,51,51);
	font-size:12pt;
	vertical-align:top;
	padding-top:10px;
}
.ccon1
{	
	font-size: 10pt;
}
.ccon2
{	
	padding-top:10px;
}
.ccon3
{
	font-weight:bold;
}
.ccontabla,	/*agenda de cuestionarios*/
.ccontabla input,
.ccontabla select
{
	font-family: Helvetica, Arial;
	font-size: 12pt;
}
.cconvig	/*vigencia de agenda de cuestionarios*/
{
	background-color: rgb(242,242,242);
	padding: 20px;
	border: 1px solid rgb(51,51,51);
	width: 650px;
}

/*-----------------------------------------------------------------*/

/*----------------------------- tablas ----------------------------*/
/*
.cdatagridtabla
{
	border-spacing: 0;
}
*/
.datagridtitulo{    	
	background-color: rgb(51,51,51);
	color: rgb(242,242,242);
	font-size: 10pt;
	font-family: Helvetica, Arial;	
	text-align:left;	
}
.datagridtitulo th, .datagridtitulo td
{    		
	border: 0px solid red;
	text-align:left;	
	padding-left: 12px;	
	padding-right: 12px;	
	text-align:center;
	font-weight:bold;	
}
.datagridtitulo th a,
.datagridtitulo th a:visited,
.datagridtitulo th a:link,
.datagridtitulo th a:active
{    		
	color: rgb(242,242,242);
}
/*Formato de la celda impar*/
.datagridim td{    
/*	border-color: rgb(255,255,255);*/
	border: 1px solid white;
	background-color: rgb(242,242,242);
	color: rgb(51,51,51);
	font-size: 11pt;
	text-align:left;
	padding-left:12px;
	padding-right:12px;
}
/*Formato de la celda par*/
.datagridpa td{    
/*	border-color: rgb(255,255,255);*/
	border: 1px solid white;
	background-color: rgb(230,230,230); 
	color: rgb(51,51,51);
	font-size: 11pt;
	text-align:left;
	padding-left:12px;
	padding-right:12px;
}
.datagridpa a,
.datagridim a
{
	color:rgb(51,51,51);
	text-decoration: none;
}

/*-----------------------------------------------------------------*/


/*-----------------Formato de los botones de acción-----------------*/
.boton_accion /*botones de acción pequeños*/
{
	 background: white url("../img/boton.png") no-repeat top;
     width: 97px;     
     height: 29px;     
     border: none; 
     color: rgb(242,242,242);
     font-weight: bold;
     cursor:hand;
     right:auto;
     font-size: 11pt;
     font-family: Helvetica, Arial;
}

.boton_acciong	/*botones de acción grandes*/ 
{
	 background: white url("../img/botong.png") no-repeat top;
     width: 169px;     
     height: 29px;     
     border: none; 
     color: rgb(242,242,242);
     font-weight: bold;
     cursor:hand;
     font-size: 11pt;
     font-family: Helvetica, Arial;
}
.cboton
{
	text-align:right;
	padding-right: 20px;
}
.cbotonizq
{
	text-align:left;
	padding-right: 20px;
}
/*-----------------------------------------------------------------*/

/*------------------------- login ---------------------------*/
.cblogin{ /*background del login*/
     background-color: rgb(242,242,242);  
     text-align:center;  
}
.clogin
{
	text-align:center;
	padding-bottom: 100px;
	padding-top: 100px;		
	margin:10px auto; 

}
.clog
{
	width: 258px;
	height: 190px;
	background-image: url("../img/cuadro_login.png");	
	text-align: left;	
	/*padding: 25px, 0px, 25px, 25px;*/
	color:rgb(51,51,51);
	font-family: Helvetica, Arial;
	font-size: 12pt;
}
.clogcen
{
	text-align: center;	
	padding-top:10px;
}
.cpadding
{
	padding-left: 25px;
	padding-top: 25px;
	
}
/*-----------------------------------------------------------*/

.cajatex_for	/*campos de formularios*/
{
	background-color: rgb(242,242,242); 
	color:rgb(51,51,51);
	font-size: 12pt;
}


/***********************************************************/
/* Estilos para menu contextual                            */
/***********************************************************/
.context-menu {
	visibility:hidden; /* No, you cannot use display:none; */
	position:absolute;
	border:1px solid #666;
	margin:0;
	padding:3px;
	list-style:none;
	width:200px;
	background-color:#eee;
} 
.context-menu li:hover, .context-menu .context-menu-item-active {
	background-color:#ccc;
	cursor: pointer;
}
.disabled {
	color:#999;
	background-color:#eee !important;
}

/***********************************************************/
/* Fin de estilos para menu contextual                     */
/***********************************************************/


/***********************************************************/
/* Estilos para agenda                                     */
/***********************************************************/

.celdaocup
{
	background-color:rgb(204,204,204);
	
}

.ctitinst,   /*titulos de instrumentos por agendar*/
.ctitinst td
{
	background-color: rgb(30,184,237);
	color: White;
	font-size: 11pt;
	font-weight:bold;
	border: 0px solid rgb(30,184,237);
}
.cagtabla  /*tabla del calendario (agenda)*/
{
	border-spacing: 0;
	color:rgb(51,51,51);
	font-family:Helvetica, Arial;
}
.cagtit  /*título de la agenda (fecha de hoy y flechas)*/
{
	background-color:rgb(242,242,242);
	height:60px;
	font-size:16pt;
}

.cagdsem  /*días de la semana del calendario*/
{
	background-color:rgb(51,51,51);
	color:rgb(242,242,242);
	height:40px;
	font-size:12pt;	
	font-weight:bold;
}

.cagdia   /*día del calendario*/
{
	background-color: rgb(241,241,241);
	height:60px;
	font-size:12pt;		
}
.cagdia td, cagdiatd
{
	border:1px solid white;
	text-align:center;	
	color:rgb(51,51,51);
}
/***********************************************************/
/* Fin de estilos para agenda                              */
/***********************************************************/

/***********************************************************/
/* Estilos para mapa de evaluaciones                       */
/***********************************************************/

.mapae
{
	background-color: #E0E0F0;
	color: #000000;
	width: 100%;
	height: 400px;
	max-width: 100%;
	max-height: 400px;
	min-width: 100%;
	min-height: 400px;
	overflow: auto;
}

.exam
{
	background-color: #F0F0FF;
	color: #000080;
	width: 120px;
	height: 90px;
	overflow: auto;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	outline-style:outset;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	position: relative;
	border: 4px solid #0000FF;
	cursor: pointer;
}

.exam hover
{
	background-color: #FFFFFF;
	color: #000080;
	width: 120px;
	height: 90px;
	overflow: auto;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	outline-style:outset;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	position: relative;
	border: 4px solid #8080FF;
	cursor: pointer;
}

.examv
{
	background-color: #F0F0FF;
	color: #000080;
	width: 120px;
	height: 90px;
	overflow: auto;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	outline-style:outset;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	position: relative;
	border: 4px solid #00FF00;
	cursor: pointer;
}

.exama
{
	background-color: #F0F0FF;
	color: #000080;
	width: 120px;
	height: 90px;
	overflow: auto;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	outline-style:outset;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	position: relative;
	border: 4px solid #C0C000;
	cursor: pointer;
}

.examr
{
	background-color: #F0F0FF;
	color: #000080;
	width: 120px;
	height: 90px;
	overflow: auto;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	outline-style:outset;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	position: relative;
	border: 4px solid #FF0000;
	cursor: pointer;
}

/***********************************************************/
/* Fin de estilos para mapa de evaluaciones                */
/***********************************************************/
    
    
/***********************************************************/
/* Estilos para cuestionarios                              */
/***********************************************************/
.ccuesvale	/*datos de los valores de los elementos (ancho de primer columna)*/
{
	width: 150px;
}
.ccuesrvale	/*datos de los valores de los elementos*/
{
	font-size: 10pt;	
	text-align: left;     
    /*background-color: rgb(255,255,255);*/
	border-collapse:collapse; 
}


/*----------------------------*/
.ccues
{
	font-size: 12pt;	
	text-align: left;	
/*    table-layout:fixed;   */
	border-collapse:collapse; 
	font-family: Helvetica, Arial;
	color: rgb(51,51,51);
	width:100%;
	/*text-align:center;*/
}    
.cmapa
{
	background-color:rgb(77,77,77);
	color:rgb(242,242,242);
	font-size:21pt;
	border: 1px solid rgb(77,77,77);
	border-collapse:collapse;
	border-spacing:0px;	
	padding-left:15px;
	height:50px;
	width:170px;
	font-weight:bold;
}
.cmapad
{
	background-color:rgb(77,77,77);
	color:rgb(242,242,242);
	font-size:18pt;
	border: 1px solid rgb(77,77,77);
	border-collapse:collapse;
	border-spacing:0px;
	padding-top:10px;
	padding-bottom:10px;
}
.creacnum
{
	font-size:28pt;
	font-weight:bold;
	width:80px;
}
.creac
{
	padding-top:16px;
	padding-bottom:16px;
	padding-left:15px;
	background-color:rgb(242,242,242);
}


.cpadn3	/*padding de elemento*/
{
	padding-left:60px;
}
.cpadn4	/*padding descriptor*/
{
	padding-left: 120px;
}
.cpadn5 /*padding de estándar*/
{
	padding-left:180px;
}

.ccueslabel
{
	font-size: 12pt;	
	font-family: Helvetica, Arial;
}
.ccuesdato
{
	font-size: 12pt;	
	font-family: Helvetica, Arial;
	color: rgb(51,51,51);
}
.ccueslabelb
{
	font-size: 12pt;	
	font-family: Helvetica, Arial;
	font-weight:bold;
}
.ccueslabeli
{
	font-size: 12pt;	
	font-family: Helvetica, Arial;
	padding-left:30px;
}
.ccuestdcal
{
	vertical-align:text-top;
	text-align:center;
	padding-top:10px;
}
.ccuescal
{
	font-size:32pt;
	font-weight:bold;	
}
.ccuessta
{
	font-size:22pt;
	font-weight:bold;	
}
/*----------------------------------------------------------------------*/

 /***********************************************************/
/* Fin de estilos para cuestionarios                        */
/***********************************************************/    






/*------------------------  MENÚS --------------------------------*/

.cmenu
{
	width:60px;
	background-color: White;
	vertical-align:top;
}

*  
{
	margin: 0px;
	padding: 0px; outline: 0;
}

#menu   
{
	/*text-align: center;*/
	font-size: 12pt;
	font-family:Arial, Verdana;
	width: 200px;
	margin: 0px;
}
#menu ul  
{
	list-style-type: none;	
		
}
#menu ul li.nivel1 { 
	width: 162px;
/*	background-image: url("img/lmenu.png");*/
}
#menu ul li.primera  
{
	border-top: solid 1px rgb(256,256,256);
}
#menu ul li a 
{
	display: block;
	text-decoration: none;
	color: rgb(51,51,51);
	background-color: rgb(200,200,200); /*rgb(242,242,242);*/
	border: solid 1px rgb(256,256,256);
	border-top: none;
	padding: 8px;
	position: relative;
}
#menu ul li a span
{
	color:rgb(30,184,237);
}
#menu ul li:hover 
{
	position: relative;
/*	background-color: #6CC;*/
/*	color: #000;*/
	color: rgb(30,184,237);
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 
{
	/*background-color: #6CC;*/
	/*color: #000;*/
	color: rgb(30,184,237);
	position: relative;	
}
#menu ul li a.nivel1 
{
	display: block!important;
	display: none;
	position: relative;
	padding-bottom: 20px;
	padding-top:20px;
	text-align:right;
	vertical-align:middle;  /**/
	margin-bottom:3px;
}
#menu ul li ul.xx 
{
	display: none;
}
.cfondo
{
	background-image: url("../img/lmenu.png");
	background-repeat:no-repeat;
	background-position:right;
}
#menu ul li a:hover ul, #menu ul li:hover ul 
{
	display: block;
	position: absolute;
	left: 161px;
	top:-1px!important;
	top: -31px;
}
#menu ul li ul li a 
{
	width: 160px;
/*	background-color: #6CC;*/
	color: rgb(51,51,51);
}

#menu ul li ul li a:hover 
{
	position: relative;
	/*background-color: #399;*/
	/*color: #FFF;*/
	color: rgb(30,184,237);
	text-align:left;	
}
table.falsa 
{
	border-collapse:collapse;
	border:0px;
	float: left;
	position: relative;
}

.ullinea
{
/*	position: relative;*/

/*
	list-style-type:none;
	padding:0px;
	margin:0px;
	display: block;
	position: absolute;
	left: 161px;
	top:-1px!important;
	top: -31px;
*/
/*
	display: block!important;
	
	position: relative;
	padding-bottom: 30px;
	padding-top:30px;
	text-align:right;
	vertical-align:middle; 
	margin-bottom:3px;
	*/

	position: relative;	
	top: -80px; 
	left:145px;
	
padding:0;

/*
	display: block;
	position: absolute;
	left: 161px;
	top:170px!important;
	top: -31px;
*/
display:inline;
}
.lilinea
{
	/*
	background-image:url("../img/lmenu.png");
	background-repeat:no-repeat;
	background-position:120px 5px; 
	padding-left:14px;
*/

    padding: 0;

}

.lilinea img
{
	 display: block; position: absolute; bottom: 0; top:0;
}

/*-------------------------------------------------------------*/


/*------------------------ informes -----------------------------*/
.ienc	/*encabezado del informe*/
{
	font-family:Helvetica, Arial;
	font-size:11pt;
	border-width:2px;
	border-color:rgb(30,184,237);
	border-style:solid;
	text-align:left;
	background-color:rgb(242,242,242);
	/*
border: 2 solid blue;
	BorderStyle="Solid" 
	BorderColor="#8080FF" 
border-color:rgb(128,128,255);
	BorderWidth="2" 
	b*/
}
.idatos	/*datos del informe*/
{
	font-family:Helvetica, Arial;
	font-size:11pt;
	text-align:left;
}
/*---------------------------------------------------------------*/


/*----------------- Calculadora de elementos comunes -----------------*/
.caltabla
{
	background-color:rgb(242,242,242);	
}
.caldisp
{
	width:180px;
	height:40px;
	background-color:rgb(255,255,255);
	padding-bottom:3px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	font-family:Helvetica, Arial;
	font-size:20px;
	color:rgb(51,51,51);
	font-weight:bold;
	text-align:right;
}
.calizq
{
	padding-left:10px;
}
.calder
{
	padding-right:10px;
}
.calarr
{
	padding-top:20px;
}
.calaba
{
	padding-bottom:20px;
}

.calbp  /*botón pequeño*/
{
	width:41px;
	height:30px;
	color:rgb(51,51,51);
	font-size:18px;
	font-family:Helvetica, Arial;
	border-style:outset;
	border-bottom-width:5px;
}
.calbm  /*botón mediano*/
{
	width:41px;
	height:40px;
	color:rgb(51,51,51);
	font-size:18px;
	font-family:Helvetica, Arial;
	border-style:outset;
	border-bottom-width:5px;
}
.calbg  /*botón grande*/
{
	width:87px;
	height:40px;	
	color:rgb(51,51,51);
	font-size:18px;
	font-family:Helvetica, Arial;
	border-style:outset;
	border-bottom-width:5px;
}

/*--------------------------------------------------------------------*/

/*------------------- Catálogo de Usuarios ---------------------------*/
.tusuarios td
{
	padding-bottom: 10px;
}
/*--------------------------------------------------------------------*/

.cinisub
{
	text-decoration:underline;
}
.asterisco
{
	color: rgb(255,0,0);
}

#docultos table tr td input
{
	font-size:9pt;
	width:900px;
}
#docultos table tr td
{
	font-size:9pt;
}