/* Propiedades de todo el sitio */
body {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#000000;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-left:0px;
}

/* Estilo de todos los links */
a:link {
	color:#000000;
	text-decoration: none;
}
a:active {
	color:#000000;
	text-decoration: none;
}
a:visited {
	color:#000000;
	text-decoration: none;
}
a:hover {
	color:#FF6600;
	text-decoration: none;
}

/* Tabla de fondo del contenido del encabezado de Volo */
.header2{
background-image:url(../images/headerfondo.jpg);
background-repeat:repeat-x;
border-style:solid;
border-color:#999999;
border-right-width:0px;
border-bottom-width:1px;
border-top-width:0px;
border-left-width:0px;
width:100%;
}

/* Oculto, Para ocultar algún div, tabla, etc. */
.oculto{
visibility:hidden;
}

/* Resultados de búsqueda en la misma ventana */
.searchresults{
position:absolute;
overflow:auto;
border:solid 1px #0000FF;
width:450px;
height:270px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#7893FC,direction=135,strength=3);
}

/* Títulos de opciones para configuraciones (Config de catálogos títulos de vistas) */
.titulocommandlink{
font-weight:bold;
font-size:13px;
}

/* Detalles o explicaciones de títulos de configuraciones */
.detallecommandlink{
font-size:10px;
color:#666666;
}

/* Calendario > Cantt > Scroll de filas */
.ganttscrolleventos{
border:#CCCCCC 1px solid;
position:relative;
}

/* Calendario > Gantt: Toda la tabla que aloja la gráfica */
.calendario{
border:solid #eeeeee 1px;
}

/* Calendarios > Gráfica de Gantt: Día del mes */
.caldiadelmes{
width:24px;
}

/* Campo tipo FECHA  */
.textfield_fecha{
background-image:url(../images/calendar.gif);
background-repeat:no-repeat;
background-color:#ECF5FF;
background-position:left;
text-align:center;
font-size:10pt;
padding-left:20px;
width:80px;
}

/* Calendario > Gantt > Toda la fila (eje x) */
.ganttfilaeventos{
position:relative;
cursor:pointer;
border-bottom:#efefef 1px solid;
}

/* Calendario > Gantt > Evento del Subcalendario 1  */
.ganttsi1{
position:absolute;
background-color:#FAF59A;
border-right:solid #cccccc 1px;
border-bottom:solid #ffffff 1px;
height:18px;
overflow:hidden;
z-index:3;
}

/* Calendario > Gantt > Evento del Subcalendario 2  */
.ganttsi2{
position:absolute;
background-color:#AEFB9B;
border-right:solid #cccccc 1px;
border-bottom:solid #ffffff 1px;
height:18px;
overflow:hidden;
z-index:3;
}

/* Calendario > Gantt > Evento del Subcalendario 3  */
.ganttsi3{
position:absolute;
background-color:#9AF1F5;
border-right:solid #cccccc 1px;
border-bottom:solid #ffffff 1px;
height:18px;
overflow:hidden;
z-index:3;
}

/* Calendario > Gantt > Evento del Subcalendario 4  */
.ganttsi4{
position:absolute;
background-color:#9A9CF5;
border-right:solid #cccccc 1px;
border-bottom:solid #ffffff 1px;
height:18px;
overflow:hidden;
z-index:3;
}

/* Calendario > Gantt > Evento del Subcalendario 5  */
.ganttsi5{
position:absolute;
background-color:#F08EE9;
border-right:solid #cccccc 1px;
border-bottom:solid #ffffff 1px;
height:18px;
overflow:hidden;
z-index:3;
}

/* Calendario > Gantt > Evento vencido debido a localización configurada  */
.ganttneg1{
position:absolute;
background-color:#EB8B8B;
border-right:solid #cccccc 1px;
border-bottom:solid #ffffff 1px;
height:18px;
overflow:hidden;
z-index:2;
}

/* Calendario > Gantt > Celda de un día  */
.ganttdias{
background-color:#efefef;
text-align:center;
color:#666666;
width:24px;
height:18px;
}

/* Calendario > Gantt > Celda del día actual  */
.gantthoy{
background-color:#F4FA1D;
text-align:center;
color:#666666;
width:24px;
height:18px;
}

/* Calendario > Gantt > Fila donde van los días  */
.ganttfiladias{
position:absolute;
z-index:1;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#7893FC,direction=135,strength=3);
}
/* Calendario > Semanal > Texto impreso dentro del evento  */
.sembartext{
font-size:9px;
overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;
}

/* Calendario > Gantt > Texto impreso dentro del evento  */
.ganttbartext{
height:20px;
font-size:9px;
overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;
}

/* Calendario > Gantt > Evento del Subcalendario 1  */
.eventohora{
background-color:#eeeeee;
border-bottom:solid #cccccc 1px;
color:#999999;
vertical-align:top;
white-space:nowrap;
}

/* Calendario > Gráfica Semanal > Fila (TR) de los días de la semana visualizados */
.calendariodias{
background-color:#eeeeee;
text-align:center;
color:#999999;
}

/* Calendario > Gráfica Semanal > Evento vacío cuando no hay evento */
.eventono{
background-color:#ffffff;
}

/* Calendario > Gráfica Semanal > Evento del subcalendario 1 */
.eventosi{
background-color:#DADBFE;
border-bottom:solid #cccccc 1px;
}

/* Calendario > Gráfica Semanal > Evento del subcalendario 2 */
.eventosi1{
background-color:#1AC8FB;
border-bottom:solid #cccccc 1px;
}

/* Calendario > Gráfica Semanal > Evento del subcalendario 3 */
.eventosi2{
background-color:#D0F79D;
border-bottom:solid #cccccc 1px;
}

/* Calendario > Gráfica Semanal > Evento del subcalendario 4 */
.eventosi3{
background-color:#D21A35;
border-bottom:solid #cccccc 1px;
}

/* Calendario > Gráfica Semanal > Evento del subcalendario 5 */
.eventosi4{
background-color:#A49380;
border-bottom:solid #cccccc 1px;
}

/* Calendario > Gráfica Semanal > Evento del subcalendario 6 */
.eventosi5{
background-color:#4901E0;
border-bottom:solid #cccccc 1px;
}

/* Calendario > Gráfica Semanal > Columna (TD) donde va que día de la semana y del mes es */
.calendariodia{
vertical-align:top;
}

/* Usuarios > Biométrica > Alta: Mano */
.usrbiomanos{
position:relative;
width:320px;
height:200px;
background-image:url(../images/biom-hands.gif);
background-repeat:no-repeat;
}

/* Usuarios > Biométrica > Alta : Dedos sin asignar */
.usrbiodedos{
position:absolute;
width:25px;
height:25px;
border: solid 1px #CCCCCC;
cursor:pointer;
}

/* Usuarios > Biométrica > Alta : Dedos asignados */
.usrbiodedos2{
position:absolute;
background-color:#009900;
width:25px;
height:25px;
border: solid 1px #CCCCCC;
cursor:pointer;
}

/* Usuarios > Biométrica > Alta : Dedos asignados */
.usrbiodedos3{
position:absolute;
background-color:#FF6600;
width:25px;
height:25px;
border: solid 1px #CCCCCC;
cursor:pointer;
}

/* Botón que usa una imagen .gif o .jpg */
.imagebutton{
cursor:hand;
border:none;
vertical-align:middle;
margin:0px 10px 0px 0px;
}

/* Campo de captura 1 línea */
.altacampo {
font-family: Trebuchet MS, Arial;
font-size:13px;
align:center;
background-color: #ECF4FF;
}

/* Texto chiquito para poner observaciones o etiquetas (usado en default.asp para "Recordar contraseña" */
.textochiquito{
font-size:11px;
color:#999999;
}

/* Tabla que muestra el título de un apartado de una página o sección. Ej. apartados de sección de configuraciones */
.tits{
background-image:url(../images/titsfondo.gif);
color:#0000CC;
padding-bottom:0px;
padding-left:3px;
padding-right:3px;
padding-top:2px;
margin:0px;
}

/* Tabla que muestra el título secundaria de una sección. Usado en default.asp como título del primer TR */
.tits2{
background-image:url(../images/titsfondo2.gif);
color:#0000CC;
padding-bottom:0px;
padding-left:3px;
padding-right:3px;
padding-top:2px;
margin:0px;
}

/* Textfield usado para desplegar folios, ids, o información para consulta solamente y que no parezca un textfield */
.textfield_texto{
font-weight:bold;
background-color:transparent;
width:200px;
border-style:solid;
border-right-width:0px;
border-bottom-width:0px;
border-top-width:0px;
border-left-width:0px;
}

/* Tabla para poner recuadros de captura o configuraciones en una sección */
.encapsular{
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
margin-top:0px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
background-color:#f2f2f2;
border-style:solid;
border-color:#cccccc;
border-right-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
}

/* Tabla para encapsular botones de acciones de la pantalla como Grabar, etc. */
.encapsular_acciones{
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
background-color:#DCFECB;
border-color:#cccccc;
border-style:solid;
border-right-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
}

/* Tabla del grid de estructura y sec-grid, tabla de cambios de catálogos */
.editarelmenu{
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
margin-top:3px;
padding:0.2cm 0.2cm;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
background-color:#ffffff;
border-style:solid;
border-color:#cccccc;
border:1px;
}

/* Tabla que guarda una serie de campos y etiquetas para la captura de datos */
.gridcaptura{
vertical-align:top;
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
margin-top:3px;
padding:0.2cm 0.2cm;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
background-color:#ffffff;
border-color:#cccccc;
border-style:solid;
border-right-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
}

/* Tabla que muestra series de datos de una base de datos para fines de consulta */
.griddedatos{
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
margin-top:3px;
padding:0.2cm 0.2cm;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
background-color:#ffffff;
border-style:solid;
border-color:#eeeeee;
border-right-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
}

/* Filas pares en un grid o tabla */
.gridfondopar{
background-color:#efefef;
}

/* Fila de títulos de un grid o tabla */
.gridtitulos{
background-color:#FFEBCC;
font-weight:bold;
font-size:11px;
}

/* Campo de captura o consulta tipo checkbox, radio o que no deba tener anchos ni altos */
.checkbox{
background-color:#ECF5FF;
}

/* Campo de captura o consulta de tipo menu, combobox, list */
.menulist{
background-color:#ECF5FF;
}

/* Campo de captura largo */
.textfield_largo{
background-color:#ECF5FF;
width:770px;
}

/* Campo de captura mediano */
.textfield_medio{
background-color:#ECF5FF;
width:300px;
}

/* Campo de captura chico */
.textfield_chico{
background-color:#ECF5FF;
width:130px;
}

/* Campo de captura numérico de pocos dígitos */
.textfield_num{
background-color:#ECF5FF;
width:50px;
text-align:center;
}

/* Campo de captura numérico de muchos dígitos */
.textfield_num_med{
background-color:#ECF5FF;
width:100px;
text-align:center;
}

/* Campo de captura del usuario en default.asp */
.textfield_usuario {
color:#000000;
font-weight:none;
font-size:11px;
width:170px;
height:16px;
border-color:#c7c7c7;
background-color:#E9E9FF;
border-style:solid;
border-right-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
}

/* Campo de captura tipo lista de múltiples líneas. Ej. Campos donde se muestra a los usuarios y grupos para permitir o denegar usuarios */
.list {
width:300px;
font-size:11px;
border-color:#c7c7c7;
background-color:#FFFFFF;
border-style:solid;
border-right-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
}

/* Campo de captura del login en default.asp para el número de cuenta de Volo */
.textfield_cuenta {
color:#000000;
font-weight:none;
font-size:11px;
width:40px;
height:16px;
border-color:#c7c7c7;
background-color:#E9E9FF;
border-style:solid;
border-right-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
}

/* Mensaje de retroalimentación de errores y confirmaciones, encontrado en toda página de Volo en la parte superior */
.mensajeescondido{
width:770px;
height:23px;
font-size:11px;
border-style:solid;
border-right-width:0px;
border-bottom-width:0px;
border-top-width:0px;
border-left-width:0px;
background-color:transparent;
text-align:center;
color:#FF9900;
font-weight:bold;
}

/* Campo de consulta para grids y tablas que muestra el número entero consecutivo de cada fila editándose. Ej. El número a la izquierda de los subcalendarios en el alta de Calendarios */
.contadorrow{
width:30px;
height:23px;
font-size:11px;
border-style:solid;
border-right-width:0px;
border-bottom-width:0px;
border-top-width:0px;
border-left-width:0px;
background-color:transparent;
text-align:center;
font-weight:bold;
}

/* Menú desplegable > Tabla que alberga a todo el menú */
.ddmx {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:11;
background-image:url(../images/logofondo.jpg);
border-color:#FFB56A;
border-right-width:0px;
border-bottom-width:1px;
border-top-width:0px;
border-left-width:0px;
width:100%;
}

/* Menú desplegable > Primer nivel > Texto de secciones */
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 3px 10px 3px 10px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}

/* Menú desplegable > Primer nivel > FONDO de secciones al poner el mouse encima */
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
color:#0000CC;
}

/* Menú desplegable > Primer nivel > Cuando hay flecha */
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 1px 8px 1px 8px;
}

/* Menú desplegable > Segundo nivel > Div que agrupa todas las secciones del nivel */
.ddmx .section {
    border: 1px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

/* Menú desplegable > Segundo nivel > FONDO de secciones */
.ddmx .item2 {
    background: #FFB56A;
}

/* Menú desplegable > Segundo nivel > FONDO de secciones al poner el mouse encima */
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
background: #ffffff;
color: #000000;
}

/* Menú desplegable > Segundo nivel > Texto de secciones */
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 1px 6px 1px 6px;
    color: #000000;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}

/* Menú desplegable > Segundo nivel > Flecha */
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}

/* Menú desplegable > Aplica a todos los TD del menú desplegable */
* html .ddmx td { position: relative; }


/* Menú desplegable para parte de .NET */

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
}

#menuh a {
	color: #000000;
	display: block;
	padding: 0px 10px;
	text-align:left;
}

#menuh a#primero {
	border-left: 1px;
}

#menuh a:hover {
	background: #FFFFFF;
}

.separleft
{
    border-left: 1px solid #CCC;
    padding-left: 16px;
}
.txtCajaTotal
{
    color: green;
    font-size: 26px;
}
.textfield_monto
{
    background-color: #ECF5FF;
    text-align: right;
    width: 80px;
}
.txtmonto
{
    text-align: right;
}
.anchoTablaCaja
{
vertical-align:top;
width: 850px;
}