/* --------------------------------------------------- */
/*     Estilos para los elementos de los formularios   */
/* --------------------------------------------------- */

.labelTituloModulo
{
	font-family: Arial;
	font-weight: bold;
	font-size: xx-large;
	width: 98%;
	color: White;
}

/* Título de un formulario */
.labelTituloForm
{
	font-weight: normal;
	font-family: Arial;
	font-size: large;
}

.boton {
	font-size: 10px;
	font-family:Arial;
	text-align: center;

}

/* Control Label (Etiqueta) */
.label 
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
}

.labelTitulo
{
    font-weight: bold;
    font-family: Arial;
    font-size: small;
/*    color: #006600;
*/
}


/* Comentarios adicionales a un campo de un formulario  */
.labelComentario
{
       font-family:Arial;
       font-size: 7pt;
       font-weight: normal;
       color:Gray;
}

/* Control Label (Etiqueta) */
.labelError
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: Red;
}

/* Control TextBox (Cuadro de Texto) */
.textBox 
{
	font-family: Arial; 
	font-size: 8pt; 
}

.textBoxMayusculaInicial
{
	font-family: Arial;
	font-size: 8pt;
	text-transform: capitalize;
}

/* Control TextBox (Numérico) */
.textBoxNumerico 
{
	font-family: Arial; 
	font-size: 8pt; 
	text-align: right;
} 

/* Control DropDownList y ComboBox (Cuadro combinado) */
.dropDownList
{
	font-family: Arial;
	font-size: 8pt;
}

/* Control CheckBox */
.checkBox 
{
	font-family: Arial;
	font-size: 8pt;
}

/* Conjunto de propiedades del Control GridView (Grilla) */
.gridView
{
    font-family: Arial;
    font-size: x-small;
    color: #333333;
    width: 100%;
    border-right: #198c49 thin solid;
    border-top: #198c49 thin solid;
    border-left: #198c49 thin solid;
    border-bottom: #198c49 thin solid;
}

.gridView A:link
{
    font-family: Arial;
    font-size: small;
    color: #003300;
    text-decoration: underline;
}

.gridView A:hover
{
    font-family: Arial;
    font-size: small;
    color: #008000;
    text-decoration: underline;
}

.gridView A:visited
{
    font-family: Arial;
    font-size: small;
    color: #003300;
}

.gridView A:active
{
    font-weight: bold;
    font-size: small;
    color: #006400;
}

.footerStyle
{
    background-color: #1C5E55;
    font-weight: bold;
    color: White;
    text-align:center;
}

.rowStyle
{
	background-color: #F5F5DC;
	font-family: Arial;
	font-size: x-small;
/*	text-align: center;
*/
}

.editRowStyle 
{
	background-color: #7C6F57;
}

.selectedRowStyle
{
	background-color: #75CB76;
	font-size: x-small;
	color: black;
/*	text-align: center;
*/
}

.pagerStyle
{
	background-color: #666666;
	color: White;
	text-align: center;
	font-size: x-small;
}

.pagerStyle A:link
{
	background-color: #666666; 
	color: White;
    text-align: center;
    text-decoration: underline;
    background-color: transparent;
	font-size: x-small;
}

.pagerStyle A:hover
{
	background-color: #666666; 
	color: White;
    text-align: center;
    text-decoration: underline;
	font-size: x-small;
}
.pagerStyle A:active
{
	background-color: #666666; 
	color: White;
    text-align: center;
	font-size: x-small;
}
.pagerStyle A:visited
{
	background-color: #666666; 
	color: White;
    text-align: center;
	font-size: x-small;
}

.headerStyle
{
    background-color: #198C49;
    font-weight: bold;
    font-family: Arial;
    font-size: x-small;
    color: White;
    text-align: center;
}

.headerStyle A:link
{
    background-color: #198C49;
    font-weight: bold;
    font-family: Arial;
    font-size: x-small;
    color: White;
    text-align: center;
}

.headerStyle A:active
{
    background-color: #198C49;
    font-weight: bold;
    font-family: Arial;
    font-size: x-small;
    color: White;
    text-align: center;
}
.headerStyle A:hover
{
    background-color: #198C49;
    font-weight: bold;

    font-family: Arial;
    font-size: x-small;
    color: White;
    text-align: center;
}
.headerStyle A:visited
{
    background-color: #198C49;
    font-weight: bold;

    font-family: Arial;
    font-size: x-small;
    color: White;
    text-align: center;
}

.alternatingRowStyle
{
	background-color: #FFFACD;
	font-family: Arial;
	font-size: x-small;
/*	text-align: center;
*/
}

/* Conjunto de propiedades del Control Calendar (Calendario) */
.calendar 
{
	background-color: White;
	border-color: #999999;
	font-family: Arial;
	font-size: 8pt;
	color: Black;
	height: 180px;
	width: 200px;
}

.calendar selectedDayStyle 
{
	background-color: #666666;
	font-weight: bold;
	color: White;
}

.todayDayStyle
{
	background-color: #CCCCCC;
	color: Black;
}

.selectorStyle 
{
	background-color: #CCCCCC;
}

.weekendDayStyle
{
	background-color: #FFFFCC;
}

.otherMonthDayStyle 
{
	color: #808080;
}

.nextPrevStyle
{
	vertical-align: bottom;
}

.dayHeaderStyle
{
	background-color: #CCCCCC;
	font-weight: bold;
	font-size: 7pt;
}

.titleStyle 
{
	background-color: #999999;
	border-color: Black;
	font-weight: bold;
}

/* Enlace que cierra los Formularios */
.cerrar
{
    border-color: White;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: white;
    background-color: transparent;
}

.cerrar A:link
{
    border-color: White;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: white;
    background-color: transparent;
}

.cerrar A:hover
{
    border-color: White;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: black;
    background-color: transparent;
}

.cerrar A:visited
{
    border-color: White;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: Black;
}

/* Control RequiredFieldValidator (Validador de Campos Requeridos) */
.requiredFieldValidator
{
	font-family: Arial;
	font-size: 9pt;
	width: 331px;
}

/* Conjunto de propiedades del Control TreeView */
.treeView
{
	font-size: x-small;
	font-family: Verdana;
}

.treeView A:link
{
    font-family: Verdana;
    font-size: xx-small; /*    font-weight: bold; 
     #0a3a00;
*/
    background-color: transparent;
    text-decoration: underline;
    color: black;
}

.treeView A:hover
{
    font-family: Verdana;
    font-size: xx-small;
/*    font-weight: bold; */
    color: #228b22;
    background-color: transparent;
    text-decoration: underline;
}

.treeView A:visited
{
    font-family: Verdana;
	font-size: xx-small;
/*	font-weight: bold; */
	color: #0a3a00;
	background-color: transparent;
}

.treeView A:active
{
    font-family: Verdana;
    font-size: x-small; 
/*    font-weight: bold; 
    background-color: #008000; 
*/
    text-decoration: underline;
    color: black;
}

.selectedNodeStyle
{ 
    background-color: #198C49; 
/*    color: #006400;
*/
 color: #ffffff; 
 }

.hoverNodeStyle
{
	background-color: transparent; 
	color: #006600;
	font-size: x-small;
/*	font-weight: bold;  */
}

.parentNodeStyle
{
    color: #000000;
}

.rootNodeStyle
{
    color: #000000;
}

.leafNodeStyle
{
    color: #000000;
}

.nodeStyle
{
    color: #000000;
}

TABLE.tablaMenu
{
    background-color: #FFFFFF;
    /* background-color: #1c5e55; */
    border-right: black 1px outset;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
}

.encabezadoTablaMenu
{
    background-color: #198C49;
    font-weight: bold;
    font-family: Verdana;
    font-size: small;
    color: White;
    font-variant: normal;
    vertical-align: middle;
    text-transform: none;
    text-align: center;
    border-right: black 1px outset;
    border-top: black 1px outset;
    border-left: black 1px outset;
    border-bottom: black 1px outset;
}

TD.celdaTablaMenu
{
    background-color: #FFFFFF;
    border-right: black 1px outset;
    border-top: black 1px outset;
    border-left: black 1px outset;
    border-bottom: black 1px outset;
}

TD.barraVerticalMenu
{
    text-align: center;
	/* width: 12px; */
    font-family:Verdana;
    font-size: 10px;
    color: White;
    font-weight: bold;
    background-color: #198C49;
    visibility:hidden;
}

/* estilos para los enlaces */
A:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #0a3a00; /*	font-weight:bold; */
    background-color: transparent;
    text-decoration: underline;
    font-weight: bold;
}

A:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #006600; 
    background-color: transparent;
    text-decoration: underline;
    font-weight: bold;
}

A:visited
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0a3a00;
    font-weight: bold;
	background-color: transparent; 
	/* text-decoration: underline; */
  }

A:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #006400; /*	font-weight: bold; */
    background-color: transparent;
    font-weight: bold;
}

/* Estilos incluidos en la pagina principal */

.resalte
{ 
    CURSOR: pointer; 
    BACKGROUND-COLOR: #ffffcc 
}

.noresalte 
{ 
    BACKGROUND-COLOR: #ccff99 
}

.per_scroll 
{ 
	/*    
	OVERFLOW-Y: auto; 
    SCROLLBAR-FACE-COLOR: #339933; 
	SCROLLBAR-ARROW-COLOR: #ccff99; 
    SCROLLBAR-BASE-COLOR: #339933; 
	*/
    WIDTH: 100%; 
    HEIGHT: 100% 
}

.pie 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    font-weight: bold;
    text-align: center;
}	

SPAN.cierre A:link
{
    display: block;
    font-size: 8pt;
    color: white;
    font-family: arial;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
}

SPAN.cierre A:visited
{
    display: block;
    font-size: 8pt;
    color: black;
    font-family: arial;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
}

SPAN.cierre A:hover
{
    display: block;
    font-size: 11px;
    color: #006400;
    font-family: arial;
    background-color: white;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.encabezado
{
    background-color: #198C49;
    font-weight: bold;
    font-family: Verdana;
    font-size: small;
    color: White;
    font-variant: normal;
    vertical-align: middle;
    text-transform: none;
    text-align: center;
}

.divCierre
{
    text-transform: capitalize;
    font-size: small;
    text-transform: uppercase;
    color: #006400;
    font-family: Verdana;
    background-color: white;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    cursor: pointer; 
}

.encabezadoTabla
{
    background-color: #198C49;
    font-weight: bold;
    font-family: Verdana;
    font-size: small;
    color: White;
    font-variant: normal;
    vertical-align: middle;
    text-transform: capitalize;
}

/* Estilos para el menu con pestañas(Tabs) */
.estiloMenuTabs
{
    font-size: 9pt;
    color: black;
    font-family: Verdana;
    background-color: #f5f5dc;
    font-weight: bold;
}

.estiloMenuTabs A:link
{
	font-size: 9pt;
	color: black;
	font-family: Verdana;
	/* background-color: #f5f5dc; */
	background-color:Transparent;
}

.estiloMenuTabs A:hover
{
	font-size: 9pt;
	color: black;
	font-family: Verdana;
	/* background-color: #8fbc8b; */
	background-color:Transparent;
}

.estiloMenuTabs A:visited
{
	font-size: 9pt;
	color: black;
	font-family: Verdana;
	/* background-color: #f5f5dc; */
	background-color:Transparent;
}

.estiloMenuTabSeleccionado
{
	font-size: 9pt;
	color: black;
	font-family: Arial;
	background-color: #8fbc8b;
	font-weight: bold;
	border-left-color: #8fbc8b;
	border-bottom-color: #8fbc8b;
	border-top-style: solid;
	border-top-color: #8fbc8b;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8fbc8b;
	border-bottom-style: solid;
}

TABLE.estiloTablaCampos
{
    background-color: #ffffcc;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    border-right: #198c49 thin solid;
    border-top: #198c49 thin solid;
    border-left: #198c49 thin solid;
    border-bottom: #198c49 thin solid;
}

TABLE.estiloTablaCampos input
{
	font-size: 10px;
	font-family:Arial;
}

TABLE.estiloTablaCampos select
{
	font-family: Arial;
	font-size: 8pt;
}

TD.estiloFondoCelda
{
	background-color: #198c49;
}

TABLE.estiloTablaArea
{
    background-color: transparent;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
}

TABLE.estiloTablaArea input
{
	font-size: 10px;
	font-family:Arial;
/*	text-align: center;
*/
}

TABLE.estiloTablaArea select
{
	font-family: Arial;
	font-size: 8pt;
}

.botonCerrar
{
    border-right: white thin outset;
    padding-right: 5px;
    border-top: white thin outset;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: white thin outset;
    padding-top: 5px;
    border-bottom: white thin outset;
    background-color: #666666;
    text-align: center;
    text-decoration: none;
}

.fondoAyuda
{
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    border-top: #cccccc 1px solid;
    display: none;
    padding-left: 5px;
    font-size: 12px;
    z-index: 2;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    width: 250px;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
    font-family:verdana; 
    font-size: 12px;
    background-color: #ffffff;
}

/*Modal Popup*/
.fondoModal
{
	background-color:Gray;
	filter: alpha(opacity=30);
	opacity: 0.3;
}

/* Enlace */
.enlace
{
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: Blue;
    text-decoration: underline;
}

/* Título de un formulario */
.labelTituloRegistro
{
    font-weight: bold;
    font-family: Arial;
    font-size: small;
    color: #FFFFFF;
}

/* Estilos para la página de login 
*/
TABLE.estiloTablaLogin
{
    background-color: #f0fff0;
    font-family: Arial;
    font-size: 9pt;
    font-weight: normal;
    border-right: #198c49 thin solid;
    border-top: #198c49 thin solid;
    border-left: #198c49 thin solid;
    border-bottom: #198c49 thin solid;
    text-align: left;
}

TD.cabeceraTablaLogin
{
    background-color: #198C49;

/*    background-color: #1c5e55;
*/    font-family: Arial;
    font-weight: bold;
    font-size: small;
    color: white;
    font-style: normal;
    font-variant: normal;
    vertical-align: middle;
    text-align: center;
}

TABLE.estiloTablaLogin input
{
    font-size: 9pt;
    font-family: Arial;
}

TABLE.estiloTablaLogin select
{
	font-family: Arial;
	font-size: 7pt;
}

a.ayuda
{
    position: relative; /*this is the key*/
    z-index: 24;
    background-color: transparent;
    color: #000;
    text-decoration: none;
}

a.ayuda:hover
{
    z-index: 25;
    background-color: transparent;
}

a.ayuda span
{
    display: none;
}

a.ayuda:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 15em;
    border:1px solid #0cf;    
    background-color: #cbffad;
    color: #000;
    text-align: center;
}
/*
a.ayuda:focus
{ Para los navegadores que lo entienden 
    outline:none; 
}
*/
        
DIV.ayuda
{
/*    visibility: hidden;
*/    display: none;
    position:absolute;
    z-index: 25;
    top: 2em;
    left: 2em;
    width: 15em; /*    background-color: #cbffad;
*/
    color: #000;
    text-align: center;
    border-right: #008000 1px solid;
    border-top: #008000 1px solid;
    border-left: #008000 1px solid;
    border-bottom: #008000 1px solid;
    font-weight: bold;
    background-color: #8bda5e;
}