/* Empresa  : GMI S.A. Ingenieros Consultores */
/* Proyecto : Estilos Sistema de Gestion de Proyectos */
/* Elaborado por : MCSD. Luis A. Rodríguez Silva */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Franja superior de la cabecera de las paginas */
.texto01
{
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 0px;
	font: 10px verdana;
	color: white;
	padding-top: 0px;
	text-decoration: none;
}

.texto01:hover
{
	padding-right: 7px;
	padding-left: 7px;
	font-size: 10px;
	padding-bottom: 0px;
	color: white;
	padding-top: 0px;
	font-style: normal;
	font-family: verdana;
	background-color: #697690;
	text-decoration: none;
}

/* Etiquetas en formularios */
.texto02
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: #2B408A;
	padding-top: 5px;
}

/* Titulo en formularios */
.texto03
{
	font: bold 11px verdana;
	color: #2B408A;
	padding-left: 5px;
	padding-bottom: 6px;
	padding-top: 6px;
}

/* Nombre de la empresa */
.texto04
{
	padding-top: 11px;
	font: bold 14px 'Stylus BT';
	text-transform: uppercase;
}

/* Nombre del Sistema */
.texto05
{
	padding-top: 20px;
	font: bold 14px 'Stylus BT';
	text-transform: uppercase;
}

/* Mensaje de Error */
.texto06
{
	font: bold 10px verdana;
	color: red;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/* Mensaje de Confirmacion */
.texto07
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #697690;
	padding-top: 5px;
}

/* Titulo de Imagen */
.texto08
{
	padding-left: 5px;
	padding-bottom: 6px;
	font: bold 12px Verdana;
	text-transform: none;
	color: #2B408A;
	padding-top: 6px;
	letter-spacing: 0.5pt;
}

/* Titulo en menu izquierdo */
.texto09
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #990000;
	padding-top: 5px;
	text-decoration: none;
}

/* Texto de Paginas de Grillas */
.texto10
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: #2b408a;
	padding-top: 5px;
	text-align: right;
}

/* Texto que simula el hover en un link01 */
.texto11
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #990000;
	padding-top: 5px;
	text-decoration: underline;
	cursor: hand;
}

/* Etiquetas para mostrar informacion */
.texto12
{
	font: bold 10px verdana;
	color: gray;
}

/* Texto de Propuesta o Proyecto en control */
.texto13
{
	font: bold 8pt arial;
	padding-left: 6px;
	color: dimgray;
}

.texto14
{
	font: 8pt verdana;
	color: dimgray;
}

/* Texto de registro a eliminar */
.texto15
{
	font: bold;
	color: dimgray;
}

/* Texto de etiqueta inactiva */
.texto16{
	font : bold 11px Verdana;
	color : Gray;
	padding : 5 0 5 5;
}

/* Texto de valor inactivo */
.texto17{
	font : 10px Verdana;
	color : Gray;
	padding : 5 0 5 5;
}

/* Texto para tab activo */
.texto18
{
	font: bold 10px verdana;
	color: DimGray;
	text-decoration: none;
}

/* Texto de valor inactivo */
.texto19{
	font : bold 10px Verdana;
	color : Gray;
	padding : 5 0 5 5;
}

/* Texto de alerta verde */
.texto20{
	font : 10px Verdana;
	color : CadetBlue;
	padding : 5 0 5 5;
}

/* Texto de alerta roja */
.texto21{
	font : 10px Verdana;
	color : red;
	padding : 5 0 5 5;
}

/* Texto de grupo */
.texto22{
	font : bold 10px Verdana;
	color : #2B408A;
	padding : 5 0 5 5;
}

.texto23{
	font : 10px Verdana;
	color : #000000;
	padding : 1 10 1 5;
}

/* Menu en parte superior de formularios */
.link01
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #2b408a;
	padding-top: 5px;
	text-decoration: none;
}

.link01:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #990000;
	padding-top: 5px;
	text-decoration: underline;
}

/* Opciones en menu izquierdo */
.link02
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: black;/*dimgray;*/
	padding-top: 5px;
	text-decoration: none;
}

.link02:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #cc0000;
	padding-top: 5px;
	text-decoration: none;
}

/* Menu de Sistemas*/
.link03
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 12px 'Lucida Sans Unicode';
	color: dimgray;
	padding-top: 5px;
	letter-spacing: 1px;
	text-decoration: none;
}

.link03:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 12px 'Lucida Sans Unicode';
	color: #990000;
	padding-top: 5px;
	letter-spacing: 1px;
	text-decoration: none;
}

/* Enlaces de Editar, Aceptar, Cancelar en grillas */
.link04
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: #2b408a;
	padding-top: 5px;
	text-decoration: underline;
}

.link04:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: #990000;
	padding-top: 5px;
	text-decoration: none;
}

/* Links de Continuar y Atras */
.link05
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 11px verdana;
	color: brown;
	padding-top: 5px;
	text-decoration: underline;
}

.link05:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 11px verdana;
	color: #6699cc;
	padding-top: 5px;
	text-decoration: none;
}

/* Tabs */
.link06
{
	font: 10px verdana;
	color: #2b408a;
	text-decoration: none;
}

.link06:hover
{
	font: 10px verdana;
	color: DimGray;
}

.link07{
	font : 10px Verdana;
	color : #2B408A;
	text-decoration : underline;
	padding : 2 0 2 5;
}

.link07:hover{
	font : bold 10px Verdana;
	color : #2B408A;
	text-decoration : underline;
	padding : 2 0 2 5;
}

/* Textbox, Combo, etc. activo */
.campo01{
	font: 11px verdana;
	color: #000000;
	background: #efefef;
	border: solid 1px; /*groove, outset*/
	border-color: #A7A7A7;
}

/* Textbox, Combo, etc. activo */
.campo01_2{
	font: 11px verdana;
	color: #000000;
	background: PapayaWhip;
	border: solid 1px; /*groove, outset*/
	border-color: #A7A7A7;
}

/* Textbox, Combo, etc. inactivo */
.campo02
{
	border-right: #f7f7f7 1px solid;
	border-top: #f7f7f7 1px solid;
	background: #f7f7f7;
	font: 11px verdana;
	border-left: #f7f7f7 1px solid;
	color: dimgray;
	border-bottom: #f7f7f7 1px solid;
}

.campo03{
	font: 11px verdana;
	color: #000000;
	background: #f9f9f9;
	border: solid 1px; /*groove, outset*/
	border-color: #A7A7A7;
}

.campo04{
	font: 11px verdana;
	color: #000000;
	background: #a8bcd6;
	border: solid 1px; /*groove, outset*/
	border-color: #A7A7A7;
}

/* Textbox especial */
.campo05{
	font: 11px verdana;
	color: #000000;
	background: AliceBlue;
	border: solid 1px;
	border-color: #A7A7A7;
}

.campo06{
	font: 11px verdana;
	color: #2b408a;
	background: #efefef;
	border: solid 1px #efefef;
}

.campo07{
	font: 11px verdana;
	color: #2b408a;
	background: #f9f9f9;
	border: solid 1px #f9f9f9;
}

.campo08{
	font: 11px verdana;
	color: #2b408a;
	background: #f9f9f9;
	border: solid 1px efefef;
}

.campo09{
	font: 11px verdana;
	color: dimgray;
	background: #efefef;
	border: solid 1px;
	border-color: #A7A7A7;
}

.campo10{
	font: 11px verdana;
	color: dimgray;
	background: #f9f9f9;
	border: solid 1px; /*groove, outset*/
	border-color: #A7A7A7;
}

/* boton activo */
.boton01
{
	padding-bottom: 2px;
	font: 10px verdana;
	color: white;
	padding-top: 2px;
	letter-spacing: 1px;
	background-color: #697690;
}

/* borde plomo de una tabla*/
.borde01{
	border: solid 1px ButtonFace;
	padding: 10px;
}

/* borde plomo de una tabla*/
.borde02
{
	border: gray 1px solid;
}

/* Formato del menu superior */
.MenuTopGrupo
{
	font: 8pt verdana; 
	background-color: #697690;
}

.MenuTopItem{
	padding-left: 12px;
	padding-right: 12px;
	font: 10px verdana;
	color: white;
	border-left:solid 1px #697690;
	border-right:solid 1px #697690;
}

.MenuTopItemOver{
	padding-left: 12px;
	padding-right: 12px;
	font: 10px verdana;
	color:White;
	cursor:hand;
	border-left:solid 1px white;
	border-right:solid 1px white;
}

.MenuTopItemActiva{
	padding-left: 12px;
	padding-right: 12px;
	font: bold 10px verdana;
	color: white;
	border-left:solid 1px #697690;
	border-right:solid 1px #697690;
}

/* Formato del menu lateral izquierdo */
.MenuLeftGrupo
{
	border-right: #a7a7a7 1px solid;
	font: 10px verdana;
	color: saddlebrown;
	border-bottom: #a7a7a7 1px solid;
	background-color: #e0e0e0;
}

.MenuLeftTitulo
{
	padding-top:20px;
	padding-left: 13px;
	font: bold 10px verdana;
	color: #2B408A;
	border-bottom: solid 1px white;
}

.MenuLeftItem{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: dimgray;
	text-decoration: none;
	border-bottom: solid 1px white;
}

.MenuLeftItemOver{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	background: LightSteelBlue;
	color: Navy;
	border-bottom: solid 1px white;
	cursor:hand;
}

.MenuLeftItemActiva{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	background: SlateGray;
	color: white;
	border-bottom: solid 1px white;
}

.titulo_grilla {
	font: bold 10px verdana;
	color: #ffffff;
	background: #697690;
	text-align: center;
	padding: 1px;
	border: outset 2px; /*solid, outset*/
	border-color: #A7A7A7;
}

.titulo_grilla02 {
	font: bold 10px verdana;
	color: #ffffff;
	background: #697690;
	text-align: center;
	padding: 1px;
	border: outset 2px; /*solid, outset*/
	border-color: #A7A7A7;
}

.fila_grilla
{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding: 1 1 1 3;
}

.fila_grilla_over
{
	background: papayawhip;
	font: 10px verdana;
	cursor: hand;
	color: black;
	padding: 1 1 1 3;
}

.fila_grilla02
{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #efefef;
}

.fila_grilla03{
	background: #f9f9f9;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #efefef;
}

.fila_grilla04{
	background: LightSteelBlue;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px LightSteelBlue;
}

.fila_grilla04_over{
	background: #7d96af;
	font: 10px verdana;
	color: white; /*#2b408a;*/
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px gray;
}

.fila_grilla05
{
	background: white;
	font: 10px verdana;
	color: white;
	padding: 1 3 2 3;
}

.fila_grilla06
{
	background: PapayaWhip;
	font: 10px verdana;
	color: black;
	padding: 5 3 5 5;
	border: solid 1px Peachpuff;
}

/* estilo de una fila a eliminar */
.fila_grilla07
{
	background: #efefef;
	font: bold 10px verdana;
	color: dimgray;
	padding: 1 1 1 3;
}

.fila_grilla08
{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding: 1 0 1 3;
	border: solid 1px #efefef;
}

.fila_grilla08_over
{
	background: papayawhip;
	font: 10px verdana;
	color: black;
	padding: 1 0 1 3;
	border: solid 1px #efefef;
	cursor:hand;
}

.fila_grilla09{
	background: #f9f9f9;
	font: 10px verdana;
	color: #2b408a;
	padding: 1 0 1 3;
	border: solid 1px #efefef;
}

.fila_grilla09_over{
	background: papayawhip;
	font: 10px verdana;
	color: black;
	padding: 1 0 1 3;
	border: solid 1px #efefef;
	cursor:hand;
}

.fila_grilla10{
	background: #ffffff;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
}

.fila_grilla11
{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding: 4 1 4 3;
}

.invisible{
	display:none
}

.visible{
	display:inline;
}

.scroll {
	SCROLLBAR-SHADOW-COLOR: #efefef;
	SCROLLBAR-3DLIGHT-COLOR: #697690;
	SCROLLBAR-ARROW-COLOR: #697690;
	SCROLLBAR-DARKSHADOW-COLOR: #697690;
	SCROLLBAR-BASE-COLOR: #efefef
}

/*-------------------HOJAS DE TIEMPO ---------------------*/
.cab_semana {
	font: 10px verdana;
	color: #ffffff;
	background: #697690;
	text-align: center;
	padding: 1px;
	border: outset 2px #A7A7A7; /*solid, outset*/
}

/* fila de proyectos - propuestas - costo institucional */
.fila01_semana
{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding: 3px;
	border: solid 0px Gainsboro;
}

/* fila de proyectos - propuestas - costo institucional */
.fila01_semana_over
{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding: 3px;
	border: solid 0px Gainsboro;
	cursor:hand;
}

/* fila de detalles */ 
.fila02_semana
{
	background: papayawhip;
	font: 10px verdana;
	color: black;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	border: solid 1px papayawhip;
	cursor:default;
}

/* fila de detalles overmouse*/
.fila03_semana
{
	background: #f4dab9;
	font: 10px verdana;
	color: black;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	border: solid 1px #f4dab9;
	cursor:hand;
}

/* fila para mostrar planos, documentos y actividades */
.fila04_semana{
	background: gray;
	font: bold 11px verdana;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: outset 1px gray;
}

.fila04_semana_over{
	background: gray;
	font: bold 11px verdana;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: outset 1px gray;
	cursor:hand;
}

/* fila para mostrar grupos de items */
.fila05_semana{
	background: papayawhip;
	font: 10px verdana;
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: solid 1px Peachpuff;
}

.fila05_semana_over{
	background: #ffe7cb;
	font: 10px verdana;
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: solid 1px Peachpuff;
	cursor:hand;
}

/* fila para items */
.fila06_semana{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #efefef;
}

.fila06_semana_over{
	background: #e6e6e6;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #e6e6e6;
	cursor:hand;
}

/* fila para items, otro tono */
.fila07_semana{
	background: #f9f9f9;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #efefef;
}

/* fila para items, otro tono */
.fila07_semana_over{
	background: #e6e6e6;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #efefef;
	cursor:hand;
}

/* total por semana */
.total01_semana
{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding: 3px;
	border: solid 1px dimgray;
}

.total02_semana
{
	background: papayawhip;
	font: 10px verdana;
	color: black;
	padding: 3px;
	border: solid 1px Wheat;
}

.total03_semana
{
	background: #ffcc99;
	font: 10px verdana;
	color: black;
	padding: 2px;
	border: outset 1px #ffcc99; /*solid, outset*/
}

/* totales de estimaciones por disciplina */
.total04_estimacion{
	background: #f9f9f9;
	font: 10px verdana;
	color: #2b408a;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: solid 1px #efefef;
}

.botones_semana
{
	background: white;
	font: 10px verdana;
	color: dimgray;
	padding-left: 3px;
	padding-bottom: 5px;
	border: white 1px solid;
	text-decoration: underline;
}
/* menu popus */
.menuleft  {
	background:LightSlateGray;
	COLOR: #ffffff;
	font: bold 8pt verdana;
	padding-top: 3;
	border: solid 1px Black;
}

.menugrupo  {
	border: solid 1px Black;
}

.menuitem  {
	background: #efefef;
	color: #2b408a;
	font: bold 10px verdana;
	padding: 4 2 4 5;
}

.menuitem_over{
	background: papayawhip;
	color: #2b408a;
	font: bold 10px verdana;
	padding: 4 2 4 5;
	cursor:hand;
}
.foot_grilla{
	background: LightSteelBlue;
	text-align: center;
	font: 9px verdana;
	color: #2b408a;
	padding: 4 1 4 3;	
}
.btn_chart {
	font: bold 10px verdana;
	color: #ffffff;
	background: #697690;
	text-align: center;
	/*padding: 1px;*/
	border: outset 2px; /*solid, outset*/
	border-color: #A7A7A7;
}

.fila_grilla_chart
{
	background: #efefef;
	text-align: center;
	font: 9px verdana;
	color: #2b408a;
	padding: 1 1 1 3;
}

.titulo_grilla_chart {
	font: bold 9px verdana;
	color: #ffffff;
	background: #697690;
	text-align: center;
	padding: 1px;
	border: outset 2px; /*solid, outset*/
	border-color: #A7A7A7;
}