:root {
	--resaltado: #d8c9acd9;
	--fondo: #d8c9ac64;
	--ligero: #d8c9ac31;
}
/* Recarga de aplicaciones */
body#recarga {
	margin: 20px;
}

body#recarga table.lvw {
	margin-top: 15px;
}

body#recarga div {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 37px 122px 34px 20px;
}

body#recarga div.cargado {
	padding-right: 210px;
	background-image: url(bocadillo0.png);
}

body#recarga div.cargado span {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(ok.png);
	padding-left: 18px;
	padding-bottom: 2px;
}

body#recarga div.estadisticas {
	display: block;
	margin-top: 50px;
	padding: 0px 0px 0px 0px;
}

body#recarga div.resumen {
	margin-top: 35px;
	width: 44px;
	display: inline;
	margin-right: 10px;
	color: olive;
}

body#recarga div.resumen.tablas {
	background-image: url(bocadillo1.png);
}

body#recarga div.resumen.detalles {
	background-image: url(bocadillo2.png);
}

body#recarga div.resumen.niveles {
	background-image: url(bocadillo3.png);
}

body#recarga div.resumen span {
	font-size: 450%;
	background-image: none;
	background-position: right 10px;
	font-family: Georgia, helvetica;
}

/*Firma electrónica*/
div.tituloFirmar, textarea.datosFirmar {
	font-size: 8pt;
	vertical-align: top;
	font-weight: normal;
	padding-top: 3px;
	color: black;
	margin-left: 10px;
}

textarea {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 11pt;
}

textarea.datosFirmar {
	margin-left: 20px;
	margin-right: 20px;
	height: 150px;
	width: 850px;
	border: 1px solid rgb(127, 157, 185);
}

div.tituloFirmar {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

/*td.firma_clave  {
		display:none;
		width:240px;}
td.firma_valor {
		font-weight: bold;
		width:240px;
		text-align:left;
		color:black;}
*/
div.listaProductosFirmar {
	display: inline;
	position: relative;
	width: 96%;
	margin-left: 20px;
}

iframe.productoFirmar {
	width: 850px;
	height: 444px;
	border: 1px solid silver;
}

div.productoFirmar:hover {
	background-color: #D4DFEE;
	border: 1px solid #a5bcda;
}

div.productoFirmar {
	background-image: url(documento.png);
	background-position: center 3px;
	border: 1px white solid;
	background-repeat: no-repeat;
	width: 100px;
	height: 70px;
	margin-left: 2px;
	margin-bottom: 8px;
	margin-top: 8px;
	display: -moz-inline-grid;
	overflow: hidden;
	font-size: 8pt;
	font-style: normal;
	color: #A5BCDA;
	padding-top: 52px;
	padding-left: 3px;
}

div.palote {
	display: none;
}

/*Monitor SQL*/
div.aplicacion>button.btnVaciaLog {
	background-color: transparent;
	border: none;
	background-image: url(borrarControles.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 18px;
	height: 18px;
	right: 50px;
	margin-top: 1px;
	cursor: pointer;
}

div.aplicacion, div.aplicacionUsuarios, div.usuario {
	width: 95%;
	background-color: #F3F5F7;
	border: 1px solid #AEBDCC;
	color: #83979E;
	padding-left: 3px;
	padding-top: 9px;
	padding-bottom: 0px;
	margin-left: 8px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-size: 120%;
	font-style: normal;
}

div#monitor table {
	width: 99% !important;
}

div.aplicacionUsuarios {
	padding-bottom: 3px
}

div.usuario span {
	display: inline;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	margin-left: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
}

div.usuario span.ipcliente {
	background-image: url(dispositivo.computer.png);
}

div.usuario span.ipcliente.iphone {
	background-image: url(dispositivo.iphone.png);
}

div.usuario span.ipcliente.android {
	background-image: url(dispositivo.android.png);
}

div.usuario span.ipcliente.maemo {
	background-image: url(dispositivo.maemo.png);
}

div.usuario span.ipcliente.macintosh {
	background-image: url(dispositivo.macintosh.png);
}

div.usuario span.navegador {
	margin-left: 30px;
}

div.usuario span.horaConexion {
	background-image: url(reloj.play.png);
	padding-bottom: 5px;
	padding-left: 22px;
}

div.usuario span.horaConexion.desconexion {
	background-image: url(reloj.pausa.png);
}

div.usuario td span.el0, div.usuario td span.el1 {
	margin-left: 0px;
	padding-left: 0px;
}

div.usuario td span.el0 {
	background-color: DarkBlue;
	color: white;
	padding-left: 3px;
	padding-right: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 3px;
}

div.usuario tr.fila.seleccionada td span.el0 {
	background-color: white;
	color: black;
}

div.aplicacion {
	background-image: url(gestores.png);
	background-position: 6px 5px;
	height: 35px;
	font-size: 130%;
	margin-top: 8px;
	padding-left: 31px;
	cursor: pointer;
}

div.aplicacion:hover {
	background-color: #AEBDCC;
	color: white;
}

div.aplicacionUsuarios {
	padding-left: 31px;
	margin-top: -5px;
	font-size: 10px;
	font-style: italic;
}

div.usuario {
	background-image: url(usuario.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border: 1px solid #CBB945;
	background-color: #FFFADB;
	color: #776B1B;
	margin-top: 4px;
	padding-bottom: 13px;
	padding-left: 31px;
}

div.usuario.usuarioActual {
	background-image: url(usuario_actual.png);
	background-color: black;
	color: white;
	border-color: black;
}

div.usuario.finalizado {
	background-image: url(usuario_finalizado.png);
}

div.usuario:hover {
	background-color: black !important;
	color: white !important;
	border-color: black !important;
}

div.usuario.finalizado {
	background-color: transparent;
	border-color: transparent;
}

div.usuarioSQL {
	border-top-color: transparent;
	margin-top: 16px;
	margin-left: 4px;
}

/*--------------------------------------------------------------------------*/
table.arbolColumnas th {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

table.arbolColumnas, table.arbolColumnas span {
	font-size: 8pt;
}

table.arbolColumnas {
	background-color: #FFFFFF;
	border: 0px none;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
	white-space: nowrap;
	width: 98%;
	color: black;
}

table.arbolColumnas tbody {
	background-color: #FFFFFF;
}

td.arbolColumnas img.icoarbol {
	vertical-align: sub;
}

tr.accion_FRM>td.accion, tr.accion_FRM>td.p1, tr.accion_FRM>td.p2, tr.accion_FRM>td.p3,
	tr.accion_FRM>td.p4 {
	background-color: Lavender;
}

tr.fila.seleccionada>td.accion, tr.fila.seleccionada>td.p1, tr.fila.seleccionada>td.p2,
	tr.fila.seleccionada>td.p3, tr.fila.seleccionada>td.p4 {
	background-color: black;
}

tr.fila.tipo_activa>td, tr.fila.tipo_activa>td.accion, tr.fila.tipo_activa>td.p1,
	tr.fila.tipo_activa>td.p2, tr.fila.tipo_activa>td.p3, tr.fila.tipo_activa>td.p4
	{ /*la línea activa del trámite*/
	background-color: gray;
	color: white;
}

tr.arbolColumnas, tr.fila.tipo_ejecutada, tr.fila.tipo_activa {
	height: 17px;
}

tr.fila.tipo_activa td:first-child {
	background-image: url(bulletFilaActiva.png);
	background-repeat: no-repeat;
	background-position: center center;
}

tr.fila.tipo_ejecutada { /*las líneas ejecutadas del trámite*/
	background-color: #F5F5F5;
}

table.arbolColumnas span {
	color: black;
	vertical-align: super;
}

tr.accion_LBL, tr.accion_LBL span {
	color: silver
}

tr.fila.tipo_activa span { /*la línea activa del trámite*/
	color: white;
	background-color: transparent;
}

td.puntoParoCon, td.puntoParoSin, td.conHijos, td.errorVerificandoAccion,
	td.errorGuardandoAccion {
	background-position: center center;
	background-repeat: no-repeat;
	text-align: right;
	color: gray;
}

td.errorVerificandoAccion, td.errorGuardandoAccion {
	background-image: url(errorGuardandoAccion.png)
}

td.errorVerificandoAccion {
	background-image: url(errorVerificandoAccion.png)
}

td.puntoParoCon {
	background-image: url(pausa.png)
}

td.conHijos {
	background-image: url(cog.png)
}

#depurador table {
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dotted silver;
}

div.datosListosParaVolcar, div.datosVolcados {
	font-size: 8pt;
	margin-left: 16px;
	background: transparent url(ok.png) no-repeat scroll 0% center;
	height: 16px;
	padding-left: 18px;
}

div.datosListosParaVolcar {
	background: transparent url(okb.png) no-repeat scroll 0% center;
}

div.lvw div.datosListosParaVolcar, div.fila.seleccionada div.datosVolcados
	{
	color: gray
}

div.fila.seleccionada div.datosListosParaVolcar, div.fila.seleccionada div.datosVolcados
	{
	color: white
}

/*table.arbolColumnas span {top:-5px; }*/

/*tr.arbolColumnas:hover , tr.arbolColumnas:hover td{
	background-color: #d0e0f0 !important;
}*/
table.arbolColumnas th, table.arbolColumnas td {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

table.arbolColumnas td, table.arbolColumnas th {
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	padding-left: 1px;
}

table.arbolColumnas td.arbolColumnas {
	border-bottom: none;
}

table.arbolColumnas td.conHijos, table.arbolColumnas td.puntoParoCon,
	table.arbolColumnas td.puntoParoSin, table.arbolColumnas td.errorAccion,
	table.arbolColumnas td.noErrorAccion {
	border-bottom: none;
}

div#tooltip {
	position: absolute;
	max-height: 40ex;
	min-width: 30em;
	padding: 0px;
	font-size: 0.8em;
	z-index: 5;
}

div#listaPanelesIzq {
	position: fixed;
}

div#panelDer div.md {
	top: 0px !important;
}

div#panelDer span.nombreMD {
	right: 2px;
}

span.nombreMD {
	display: none;
	overflow: hidden;
	z-index: 11;
	position: fixed;
	bottom: 5px;
	min-width: 110px;
	height: 34px;
	padding-left: 39px;
	margin-right: 180px;
	padding: 25px 18px 0px 10px;
	float: right;
	background-position: 81px 9px;
	background-repeat: no-repeat;
	background-image: url(krulerBN.png);
}

span.nombreMD span {
	white-space: nowrap;
	font-size: 13px;
	background-color: black;
	color: white;
	margin-top: 6px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 8px;
	background-repeat: no-repeat;
	background-image: url(krulerBN.png);
	background-position: 70px -8px;
}

div.disenho_on span.nombreMD {
	display: block;
}

span.nombreMD.error {
	background-image: url(krulerError.png);
	cursor: pointer;
}

span.nombreMD.error span {
	background-color: tomato;
	background-image: url(krulerError.png);
	background-position: 71px -8px;
}

span.nombreMD.alternar {
	background-image: url(detalleMoverDer.png);
	background-position: 6px center;
	cursor: pointer;
	bottom: 48px;
}

span.nombreMD.guardar {
	background-image: url(krulerGuardar.png);
}

span.nombreMD.guardar span {
	background-color: black;
	color: white;
	background-image: url(krulerGuardar.png);
	background-position: 71px -8px;
}

div#listaPanelesIzq span.nombreMD {
	position: absolute;
}

div#listaPanelesIzq span.nombreMD.alternar span {
	background-image: url(detalleMoverDer.png);
}

div#panelDer span.nombreMD.alternar span {
	background-image: url(detalleMoverIzq.png);
	-moz-user-select: normal;
}
/*span.nombreMD:hover{
	background:#FFFADB url(krulerColor.png) no-repeat scroll left center;
	border:1px solid #CBB945;
	color:#776B1B;
	}*/ /*diccionario*/
div.fisicas, div.virtuales {
	font-size: 8pt;
	color: black;
	font-weight: bold;
}

div.fisicas {
	background-color: black;
	color: white;
}

div.virtuales {
	background-color: gray;
	color: white;
}

/*alturas de los controles*/
div#tablasFisicas, div#columnasFisicas, div#referenciasFisicas {
	position: relative;
}

div#tablasVirtuales, div#columnasVirtuales, div#camposVirtuales, div#referenciasVirtuales
	{
	position: relative;
}

div#tablasFisicas {
	height: 40%
}

div#columnasFisicas {
	height: 35%
}

div#referenciasFisicas {
	height: 17%
}

div#tablasVirtuales {
	height: 30%
}

div#columnasVirtuales {
	height: 30%
}

div#camposVirtuales {
	height: 15%
}

div#referenciasVirtuales {
	height: 15%
}

div#lvwConexiones {
	margin-left: 5px;
	margin-top: 5px;
	width: 490px;
	height: 390px;
	position: relative;
	padding-bottom: 3px;
	border: none;
}

div#__panellogico__ {
	margin-left: 2px;
}

div#__panelfisico__ td, div#__panellogico__ td, div#lvwConexiones td {
	-moz-user-select: none;
}

#btnConexion {
	background-image: url(./EXP_AnhadirConexion.png);
}

#btnOcultarTablas {
	background-image: url(./EXP_OcultarTablas.png);
}

#btnOcultarTablas, #btnConexion {
	padding: 3px 0px 2px 18px;
}

/*Pagina de error en informes*/
body.informeError {
	overflow: hidden;
}

div.informeError {
	width: 500px;
	height: 200px;
	background: url(./errorInforme.png) no-repeat;
	padding-left: 150px;
	padding-top: 20px;
	text-align: left;
	margin: 0 auto;
	margin-top: 190px;
}

body.informeError button.cmdgt {
	display: block;
	width: 150px;
	padding-left: 6px;
	margin-left: 100px;
	margin-top: 75px;
}

/* Pantalla de login */
body#bodyLogin {
	background: url(./fondo.jpg) repeat-x;
	font-size: 8pt;
	color: #ffffff;
	margin-top: 0px;
	text-align: center;
	overflow: hidden;
}

div.spacer {
	height: 0px
}

div.fondoLogin {
	width: 394px;
	height: 558px;
	background: url(login.jpg) no-repeat;
	text-align: left;
	margin: 0 auto;
	overflow: visible;
}

div.fondoLogin label, div.fondoLogin input {
	color: #dc6800;
	font-size: 8pt;
	margin-bottom: 4px;
}

div.fondoLogin label {
	display: block;
	position: relative;
	-moz-user-select: none;
}

div.fondoLogin  input#usuLogin, div.fondoLogin  input#passwordLogin, div.fondoLogin  input#recordarmeLogin
	{
	position: relative;
}

div.fondoLogin  input#usuLogin, div.fondoLogin  input#passwordLogin, div.fondoLogin  input#cmdLogin
	{
	width: 150px;
}

div.fondoLogin  input#usuLogin, div.fondoLogin  input#passwordLogin, div.fondoLogin  select#listaAplicacionesLogin
	{
	border: 1px solid #7f9db9;
}

div.fondoLogin  input#usuLogin, div.fondoLogin  input#passwordLogin {
	height: 13px;
}

div.cuadroLogin {
	position: relative;
	width: 270px;
	left: 62px;
	top: 132px;
	height: 164px;
	font-size: 8pt;
	color: #dc6800;
}

#controlAccesoLogin {
	border-bottom: dotted 1px #fab806;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 6px;
}

#literalControlAccesoLogin {
	font-family: sans-serif;
	font-size: 12pt;
	color: #dc6800;
	font-weight: bold;
	margin-bottom: 6px;
}

#literalListaAplicacionesLogin {
	margin-bottom: 5px; /*margin-left:60px;	*/ /*display: none;*/
}

#literalUsuLogin, #usuLogin, #literalPasswordLogin, #passwordLogin {
	left: 60px;
}

#recordarmeLogin {
	left: 56px;
	top: -23px;
}

#literalRecordarmeLogin {
	left: 78px;
	top: 2px;
}

div.fondoLogin div#throbber {
	position: relative;
	background-image: url(throbber.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	left: 150px;
	width: 30px;
	top: -30px;
	height: 30px;
	margin-left: 70px;
	visibility: hidden;
}

div.fondoLogin  div#cmdDic {
	margin-top: -30px;
}

div.msgErrorLogin {
	top: 250px;
	left: 45px;
	height: 150px;
	width: 400px;
	position: relative;
	color: red;
	text-align: left;
	overflow: visible;
	background-image: url(critico.png);
	background-position: left -1px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#cmdLogin {
	width: 150px;
	position: relative;
	left: 37px;
	height: 25px;
	margin-top: 6px;
	color: #dc6800;
	font-size: 8pt;
}

#cmdDic {
	height: 50px;
	left: -17px;
	position: relative;
	top: 12px;
	width: 50px;
	background: url(dic.png);
	cursor: pointer;
}

#cmdDic:hover {
	background: url(dicb.png);
}

#listaAplicacionesLogin {
	position: relative;
	/*left:60px;*/
	width: 150px;
	font-size: 8pt;
	color: #dc6800;
	/*display: none;*/
}

/* ///////////////////////////////////////////////////////////////////////// */
IMG {
	border: 0px
}


h2 {
	color: black;
	font-size: 18pt;
}

/* xSplitter Styles */
div.clsSplitter {
	overflow: hidden;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: none;
}

/* xSplitter Styles */
div.clsSplitter {
	overflow: hidden;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
}

body>div#splitterV {
	position: fixed;
} /*mejor para firefox, ie > 7*/
#splitterH {
	position: relative;
}

div.clsPane {
	position: absolute;
	overflow: auto;
	visibility: visible;
	margin: 0;
	padding: 0;
	border: none;
	/*background-color:#F2F4F5; */
}

div.clsPane#panelDer {
	margin-top: 0px;
	background-color: white;
}

div.clsDragBar, div.clsDragBarH {
	position: absolute;
	overflow: hidden;
	visibility: visible;
	background-color: var(--fondo);
	background-position: left center;
	width: 5px;
	cursor: col-resize;
	z-index: 2 !important;
}

#sepHorizontal, div.clsDragBarH {
	cursor: ns-resize;
	background-image: url(./splitH.gif);
	background-position: center top;
}

/* panel superior*/
#btnRefrescar, #btnSalir, #btnCambiarContrasenha {
	background-position: left 2px;
}

#btnVersionParaImprimir {
	background-image: url(./imprimiroff.png);
}

#btnVersionParaImprimir:hover {
	background-image: url(./imprimiron.png);
}

#btnNuevaVentana {
	background-image: url(./nuevaoff.png);
}

#btnNuevaVentana:hover {
	background-image: url(./nuevaon.png);
}

#btnGenerarURL {
	background-image: url(./URLoff.png);
}

#btnGenerarURL:hover {
	background-image: url(./URLon.png);
}

#btnConstructor {
	background-image: url(./tramOff.png);
}

#btnConstructor:hover {
	background-image: url(./tramOn.png);
}

#btnConstructor span {
	display: none;
}
/*#btnGenerarURL{background-image:url(./URLoff.png) ;}
#btnGenerarURL:hover{background-image:url(./URLon.png) ;}*/
#btnGenerarURL span, #btnVersionParaImprimir span, #btnNuevaVentana span
	{
	display: none
}

#btnRegistro {
	background-image: url(./addoff.png);
}

#btnRegistro:hover {
	background-image: url(./addon.png);
}

#btnModificar {
	background-image: url(./modoff.png);
}

#btnModificar:hover {
	background-image: url(./modon.png);
}

#btnEliminar {
	background-image: url(./deloff.png);
}

#btnEliminar:hover {
	background-image: url(./delon.png);
}

/* botones con 2 estados */
a.botonera {
	-moz-user-select: none;
	-moz-user-focus: none;
	cursor: pointer;
	padding: 3px 0 2px 18px;
	background-repeat: no-repeat;
	background-position: center 2px;
}

div.jquerycssmenu a.botonera {
	display: block;
}

a.botonera.imagen {
	padding-left: 3px;
	background-position: 2px 2px;
}

a.botonera.imagen.texto {
	padding-left: 20px;
}

a.botonera span {
	height: 16px;
}

a#btnDisenhador {
	
}

a.botonera#btnDisenhador {
	background-image: url(./disenho16off.png);
}

a.botonera#btnDisenhador:hover, a.botonera.estado_on#btnDisenhador {
	background-image: url(./disenho16on.png);
}

a.botonera#btnDepurador {
	background-image: url(./debug16off.png);
}

a.botonera#btnDepurador:hover, a.botonera.estado_on#btnDepurador {
	background-image: url(./debug16on.png);
}

#btnMonitorSQL {
	background-image: url(./monitor16off.png);
}

#btnMonitorSQL:hover {
	background-image: url(./monitor16on.png);
}

#btnRefrescar {
	background-image: url(./reload16off.png);
}

#btnRefrescar:hover {
	background-image: url(./reload16on.png);
}

#btnRecargarAplicacion {
	background-image: url(./rec16off.png);
}

#btnRecargarAplicacion:hover {
	background-image: url(./rec16on.png);
}

#btnSalir {
	background-image: url(./exit16off.png);
}

#btnSalir:hover {
	background-image: url(./exit16on.png);
}

#btnCambiarContrasenha {
	padding-left: 26px;
}

#btnCambiarContrasenha {
	background-image: url(./vcardoff.png);
}

#btnCambiarContrasenha:hover {
	background-image: url(./vcardon.png);
}

#btnDisenhador span, #btnDepurador span, #btnMonitorSQL span,
	#btnRecargarAplicacion span {
	display: none
}

div#menuPersonalizado {
	display: inline;
}

/*a#menuVer, a#menuEjecutar {
	padding-top: 3px;
	padding-bottom: 2px;
	}*/
a.botonera.dropdownmenu {
	margin-right: 4px;
}

a.botonera.dropdownmenu:last-child {
	margin-right: 6px;
}

a.botonera.dropdownmenu:after {
	/*la flechita de abajo, pa que se vea que es un desplegable*/
	content: url(flecha.gif);
	margin-left: 2px;
}

a.dropdownmenu.menuML:after {
	content: url(flechaDer.gif);
	position: absolute;
	margin-left: 140px;
}
/* Botonera y menús de listados y modos listas*/
div.panelSup, div#botoneraIzq, div#botoneraDra, div#botoneraAdmin, div#botoneraAppsRel
	{
	position: absolute;
	overflow: visible;
	color: #ADC9FF;
	-moz-user-select: none;
}

div.botonera.jquerycssmenu ul li {
	height: 100%;
}

div.botonera.jquerycssmenu>ul {
	margin-top: 0px;
}

div.botonera.jquerycssmenu ul li { /*ie*/
	padding-bottom: 2px;
}

/* Botonera != IE6 */
div.panelSup, div.botonera {
	position: fixed;
}

div.panelSup {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 40px;
	background-color: var(--fondo);
	z-index: 4;
}

div.botonera {
	z-index: 5;
	top: 16px;
	height: 24px;
}
/* Aplicaciones relacionadas*/
div#botoneraAppsRel {
	top: 0px;
	width: 200px;
	right: 1px;
	margin-top: 2px;
	text-align: right;
	display: none;
}

div#botoneraIzq {
	left: 0px;
	width: 900px;
}

div#botoneraDra {
	right: 1px;
}

div#botoneraAdmin {
	right: 287px;
	margin-right: 3px;
}

span.botonera.separador {
	background-image: url("./sep.png");
	background-position: center center;
	background-repeat: repeat-y;
	display: block;
	height: 11px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 6px;
	width: 3px;
}

/*Esto funciona en ie y en Mozilla*/
div#botoneraIzq>span.botonera.separador, div#botoneraAdmin>span.botonera.separador,
	div#botoneraDra>span.botonera.separador {
	
}

#menuMantenimiento {
	display: inline;
}

img#imgMenuVer {
	margin-right: 2px;
}

a.botonera, a.botonera.estado_on {
	border: 1px transparent solid;
	font-size: 10.5pt;
	color: #666;
	text-decoration: none;
	height: 15px;
}

a.botonera img {
	vertical-align: middle;
}

a.botonera:hover, a.botonera.estado_on:hover {
	border: 1px silver dotted;
}

a.menu {
	font-size: 8pt;
	color: white;
	white-space: nowrap;
	text-decoration: none;
	font-size: 8pt;
	display: inline;
	vertical-align: top;
}

.menu {
	border: 0;
	vertical-align: middle
}

a.aplicacion {
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
	margin-right: 3px;
	text-decoration: none;
}

a.aplicacion span {
	color: white;
	font-size: 8pt;
	height: 20px;
	display: none
}

/* ////////////////////////////// */
a.menuML {
	border: solid white 1px;
	cursor: pointer;
	font-size: 10.5pt;
	text-decoration: none;
	color: black;
	white-space: nowrap;
	display: block;
	padding: 4px 0px 2px 21px;
	height: 17px;
	margin: 0px 2px 0px 4px;
	background-repeat: no-repeat;
	background-position: center left;
}

a.menuML.estado_on, a.menuML.estado_on:hover {
	border: 1px solid white;
	background-color: black;
	color: white;
}

a.menuML:hover, a.menuML.estado_hover {
	border: solid #6699ff 1px;
	background-color: #d0e0f0;
}

a.menuML.separador {
	font-size: 100%;
	height: 12px;
	vertical-align: middle;
	background-color: #000080;
	color: white;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	cursor: default;
}

a.menuML.separador:hover {
	border: solid white 1px;
	background-color: #000080;
}

a.menuML.especial { /*los menús de la aplicación: editar vistas, etc*/
	font-style: italic;
	color: gray;
}

a.menuML span.dsExtendida {
	font-size: smaller;
	color: gray;
	display: block;
}
/*////////////////////////////////////////////////////////////////////////*/
div.rubberBand {
	position: absolute;
	border: 1px solid #A5BCDA;
	background-color: #D4DFEE;
	opacity: 0.7;
	cursor: crosshair;
	z-index: 13;
}

/*tr.disenhador {height:17px;}*/
div#botoneraDisenho a.botonera {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 3px 0px 2px 18px;
}

div.botonera select {
	font-family: 'Alegreya Sans';
	border: 0px;
	margin: 0px;
	font-size: 7pt;
}

select#nombreFuente, select#tamFuente, select#estFuente {
	display: inline;
	margin-right: 2px;
	height: 17px;
}

select#tipoControl {
	width: 110px;
}

select#nombreFuente {
	width: 60px;
	margin-left: 4px;
}

select#tamFuente {
	width: 35px;
}

select#estFuente {
	width: 51px;
}

select#estiloFuente {
	margin-left: 4px;
	margin-right: 1px;
	width: 132px;
}

select#estiloFuente option {
	margin-top: 3px;
	margin-bottom: 3px;
	position: relative !important;
	width: 120px;
	overflow-x: hidden;
}

#btnGuardarDetalle {
	background-image: url(./guardar.png);
}

#btnAlternarPanelIzq {
	background-image: url(./btnAlternarPanelIzq.png);
}

#btnEditarNiveles {
	background-image: url(./ui-scroll-pane-tree.png);
}

#btnEditarMenu {
	background-image: url(ui-menu.png);
}

#btnEditarModosLista {
	background-image: url(./EXP_btnModosLista.png);
}

#btnCalcarDetalle {
	background-image: url(./btnCalcarDetalle.png);
}

#btnNuevoControl {
	background-image: url(add.png);
	background-position: center center;
}

#btnNuevoControl span, #btnEliminarControl span {
	display: none
}

#btnEliminarControl {
	background-image: url(./borrarControles.png);
	background-position: center center;
}

#btnCopiarControles {
	background-image: url(./copiarControles.png);
}

#btnPegarControles {
	background-image: url(./pegarControles.png);
}

#btnCopiarEstilo {
	background-image: url(./copiarEstilo.png);
}

#btnPegarEstilo {
	background-image: url(./pegarEstilo.png);
}

#btnCopiarEstilo span, #btnPegarEstilo span {
	display: none
}

#btnCrecerIzq {
	background-image: url(./crecerIzq.png);
}

#btnCrecerDer {
	background-image: url(./crecerDer.png);
}

#btnMoverIzq {
	background-image: url(./moverIzq.png);
}

#btnMoverDer {
	background-image: url(./moverDer.png);
}

#btnMoverArriba {
	background-image: url(./moverArriba.png);
}

#btnMoverAbajo {
	background-image: url(./moverAbajo.png);
}

#btnJuntarIzq {
	background-image: url(./juntarIzq.png);
}

#btnJuntarDer {
	background-image: url(./juntarDer.png);
}

#btnJuntarArriba {
	background-image: url(./juntarArriba.png);
}

#btnJuntarAbajo {
	background-image: url(./juntarAbajo.png);
}

#btnIgualarIzq {
	background-image: url(./alinearIzq.png);
}

#btnIgualarDer {
	background-image: url(./alinearDer.png);
}

#btnIgualarArriba {
	background-image: url(./alinearArriba.png);
}

#btnIgualarAbajo {
	background-image: url(./alinearAbajo.png);
}

#btnCrecer1pxIzq {
	background-image: url(./crecer1pxIzq.png);
}

#btnCrecer1pxDer {
	background-image: url(./crecer1pxDer.png);
}

#btnCrecer1pxArriba {
	background-image: url(./crecer1pxArriba.png);
}

#btnCrecer1pxAbajo {
	background-image: url(./crecer1pxAbajo.png);
}

#btnIgualarAncho {
	background-image: url(./mismoAncho.png);
}

#btnMantenimientoEstilos {
	background-image: url(./modon.png);
	background-position: center center;
}

#btnIgualarAlto {
	background-image: url(./mismoAlto.png);
}

#btnRepartirAncho {
	background-image: url(./repartirHorizontal.png);
}

#btnRepartirAlto {
	background-image: url(./repartirVertical.png);
}

#btnRepartirAnchoN {
	background-image: url(./repartirHorizontalN.png);
}

#btnRepartirAltoN {
	background-image: url(./repartirVerticalN.png);
}

#botoneraDisenho div {
	text-align: center;
}

#botoneraDisenho, #botoneraDisenho td {
	white-space: nowrap;
	font-style: normal;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 8px; /*lo pongo explicitamente*/
	color: white;
	vertical-align: middle;
	text-align: left;
}

#botoneraDisenho td.r {
	font-size: 130%;
	text-align: right;
}

#botoneraDisenho {
	display: none;
	text-align: right;
	position: fixed;
	z-index: 2;
	height: auto;
	bottom: 0px;
	top: 40px;
	width: 160px;
	right: 0px;
	background-color: rgb(1, 8, 36);
	background-repeat: repeat-x;
}

h3.tituloAcordeon {
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px dotted silver;
	color: white;
	text-align: left;
	padding-left: 12px;
	margin: 2px;
	cursor: pointer;
	-moz-user-select: none;
	background-image: url(arrow-up.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 15px;
	padding-top: 3px;
}

h3.tituloAcordeon.cerrado {
	background-image: url(arrow-down.png);
}

div.panelAcordeon {
	display: block;
}

div.panelAcordeon.cerrado {
	display: none;
}

#botoneraDisenho input, #botoneraDisenho a.botonera {
	font-size: 130%;
	vertical-align: bottom;
	background-color: transparent;
	color: white;
	vertical-align: sub;
}

/*#botoneraDisenho a.botonera {
	height: 12px;
	padding-top: 2px;
	padding-bottom: 2px
}*/
#botoneraDisenho #SelectorColumnas {
	margin-top: -2px;
	position: absolute;
	left: 4px;
	bottom: 4px;
	right: 4px;
	top: 394px;
	background-color: #F2F4F5;
	border: solid #6699ff 1px;
	z-index: 0;
}

#botoneraDisenho input {
	width: 21px;
	border: 0px;
}

#botoneraDisenho input.colorPicker {
	text-align: left;
	width: 44px;
}

#divCoordenadas img {
	vertical-align: middle;
}

div.colorPicker { /*la ventana flotante para elegir los colores*/
	position: absolute;
	display: none;
	border: silver 1px dotted;
	background: #FFFFFF;
	z-index: 16;
	margin-left: -60px;
}

a.colorPicker {
	border: silver 1px dotted;
	margin-left: 2px;
	margin-right: 2px;
}

td.colorPicker {
	width: 15px;
	height: 15px;
}

div.colorPicker table {
	background-color: GrayText;
}

table#cartaColores {
	border-bottom: 1px dotted black;
}

/*        //////////////////////////////////         */
/*editor de niveles*/
div.nivelAdvertencia {
	font-size: 8pt;
	color: gray;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 3px 0px 2px 18px;
	font-weight: normal;
	display: block;
	-moz-user-select: none;
	margin: 0px 6px 0px 46px;
	border: none;
}

div.nivelAdvertencia.parametros {
	background-image: url(./EXP_btnParametros.png);
	background-color: #FFFADB;
	color: #776B1B;
	border: 1px solid #CBB945;
}

div.nivelAdvertencia.nivelGuardado {
	background-image: url(./info.png);
}

div.nivelAdvertencia.grafica {
	background-image: url(./chart_bar.png);
}

div.nivelAdvertencia.lista {
	background-image: url(./tabla.png);
}

div.nivelAdvertencia.arbol {
	background-image: url(./EXP_jerarquia.png);
}

div.nivelAdvertencia.grafica, div.nivelAdvertencia.lista, div.nivelAdvertencia.arbol
	{
	
}

div.nivelAdvertencia:first-child {
	margin-top: 6px;
	margin-bottom: 6px;
}

div.nivelAdvertencia:last-child {
	margin-bottom: 6px;
}

div.nivelGuardado abbr, div.nivelAdvertencia abbr {
	cursor: help;
}

div#__panelResultados__ {
	background-color: white;
	background-image: url(bordeEditorNiveles.png);
	background-repeat: repeat-y;
	margin-left: -1px;
}

div#__panelResultados__ table.lvw, div#__panelResultados__ img {
	margin-left: 46px;
	margin-top: 4px;
}

div#__panelResultados__ div {
	width: 95% !important;
	margin-bottom: 8px;
}

div#__panelSQL__ iframe {
	border: none !important;
}

div#__panelSQL__ {
	overflow: hidden
}

div.ventana div.botonera {
	position: relative;
	top: 5px;
	z-index: 0;
}

div#botoneraEditorNiveles {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 100%;
	padding-left: 5px;
	margin-left: 0px;
	height: 12px;
	top: 0px;
}

#btnNuevo, #btnAbrir, #btnGuardar, #btnEjecutarNivel, #btnEjecutarSQL,
	#btnParametros, #btnModosLista, #btnAsistente {
	background-repeat: no-repeat;
	background-position: 0px center;
	padding: 3px 0px 2px 18px;
}

#botoneraEditorNiveles a.menuML {
	height: 32px;
	padding-left: 24px;
}

#botoneraEditorNiveles ul li ul {
	margin-top: 15px;
}

#btnAbrir {
	background-image: url(./EXP_btnAbrir.png);
}

#btnGuardar {
	background-image: url(./guardar.png);
	margin-left: 3px;
	margin-right: 3px
}

#btnEjecutarSQL {
	background-image: url(./EXP_btnEjecutar.png);
	margin-left: 3px;
}

#btnEjecutarNivel {
	background-image: url(./EXP_btnEjecutarNivel.png);
}

#btnParametros {
	background-image: url(./EXP_btnParametros.png);
	margin-right: 3px
}

#btnModosLista {
	background-image: url(./EXP_btnModosLista.png);
	margin-left: 3px;
}

#btnAsistente {
	background-image: url(varita.png);
}

div.CodeMirror-line-numbers {
	height: 100%;
	top: 0px;
	left: 0px;
	width: 39px;
	padding-top: 0.4em;
	background-color: #EEEEEE;
	border-right: 1px solid #dedede;
}

span.CodeMirror-line-numbers-number {
	display: block;
	color: #AAAAAA;
	font-family: monospace;
	font-size: 10pt;
	text-align: right;
	padding-right: 0.3em;
	background-color: #EEEEEE;
}

div#__panelSQL__ div, div#__panelSQL__ iframe {
	height: 100%;
}

div#listaNivelesAbiertos {
	padding-left: 39px;
	padding-top: 6px;
	padding-bottom: 4px;
	margin-left: 0px;
	margin-top: 8px;
	background-color: #EEEEEE;
	top: 0px;
	height: 13px;
	z-index: 3;
}

div#listaNivelesAbiertos span {
	-moz-user-select: none;
}

div#listaNivelesAbiertos span.nivel {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #dedede;
	background-color: #EEEEEE;
	color: gray;
	padding: 3px 2px 4px 6px;
	min-width: 30px;
	border-radius-topleft: 6px;
	border-radius-topright: 6px;
	cursor: pointer;
}

div#listaNivelesAbiertos span.marron {
	margin-left: 4px;
	color: brown;
}

div#listaNivelesAbiertos span.nivel.on {
	color: black;
	background-color: white;
}

div#listaNivelesAbiertos span.nivel img.cerrarNivel {
	opacity: .5;
	background-image: url(borrarControles.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 18px;
	padding-right: 0px;
	margin-left: 10px;
}

div#listaNivelesAbiertos span.nivel.on img.cerrarNivel {
	opacity: 1;
}

#editorNiveles_ a.menuML:hover {
	color: white;
}
/*        //////////////////////////////////         */
/* formularios automáticos y de búsqueda */
body>div.bloqueo, body>div.bloqueo div.bloqueoColor, body>div.bloqueo div.cargando
	{
	position: fixed;
}

div.bloqueo, div.bloqueo div.bloqueoColor, div.bloqueo div.cargando {
	position: absolute;
}

div.bloqueo {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 5;
}

div.bloqueo div.bloqueoColor {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #d4dfee;
	filter: alpha(opacity = 40);
	opacity: .8;
}

div.bloqueo div.cargando {
	left: 45%;
	top: 40%;
	min-width: 160px;
	min-height: 42px;
	background: #C3DAF9 none repeat scroll 0%;
	border: 1px solid #6593CF;
	padding: 2px;
	text-align: center;
	z-index: 10;
}

img.throbber {
	width: 16px;
	height: 16px;
}

div.cargandoIndicador {
	background-image: url(block-bg.gif);
	background-repeat: repeat-x;
	background-color: white;
	background-position: top left;
	border: 1px solid #A3BAD9;
	color: #003366;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	margin: 0pt;
	padding: 10px;
	min-height: 20px;
}

/* ////////////////////////////////////// */
button.cmdgt#altaDinamica {
	margin-left: 3em;
}

div.cuadroBusqueda {
	top: 37px;
	left: 0px;
	margin-left: 50px;
	right: 0px;
	height: 30px;
	font-size: 11px;
	display: inline;
}

div.cuadroBusqueda img.throbber {
	margin-left: 12px;
	margin-top: -2px;
	display: inline;
	visibility: visible;
}

div.tablaBusqueda, div.tablaBusquedaMultiple {
	overflow: auto;
	top: 65px;
	width: 100%;
	right: 0px;
	bottom: 34px;
}

div.moverControles {
	background: transparent;
	position: absolute;
	cursor: move;
	z-index: 15;
}

div.moverControles div, div.grip {
	position: absolute;
	border: solid orange 1px;
	margin-right: -2px;
	z-index: 10;
	cursor: move;
}

div.grip {
	border: orange solid 1px;
	z-index: 11;
}

div.grip.gripPrincipal {
	border-color: violet;
}

div.grip div.gripdra {
	width: 3px;
	height: 3px;
}

div.grip div.gripNivel { /*este es el que abre el editor de niveles*/
	width: 26px;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: gray;
	opacity: .7;
	background-image: url(lvedoff.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
}

div.grip div.gripNivel:hover {
	opacity: 1;
	background-color: black;
	background-image: url(lvedon.png);
}

div.gripdra {
	position: absolute;
	cursor: se-resize;
	width: 3px;
	height: 3px;
	right: 0px;
	bottom: 0px;
	border: solid orange 1px;
	background-color: orange;
}

div.moverFrm {
	border: 1px solid #a5bcda;
	background-color: black;
	opacity: .6;
	position: absolute;
	cursor: move;
	margin-left: -4px;
	margin-top: -4px;
	z-index: 4;
}

div.ventanaSombra {
	position: absolute;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	padding-bottom: 8px;
	padding-right: 8px;
	z-index: 3;
}

div.ventana {
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
	border: 1px solid #a9a9a9;
	margin-left: -8px;
	margin-top: -8px;
	/*este es el que determina el ancho de la sombra que se ve*/
}

div.ventana.formulario_automatico {
	
}

div.botonera {
	margin-left: 5px;
}

#modoslista_ div.lvw {
	height: 340px;
	margin: 0px 5px 5px;
	border: 1px #C3DAF9 solid;
	width: 587px;
}

div#__modoslista img {
	height: 16px;
	width: 16px;
}

#parametros_ div.lvw {
	border: 2px #C3DAF9 solid;
	margin: 5px;
	height: 305px;
	width: 96%;
	position: relative;
	overflow: auto;
}

div.ventana div.bombilla {
	margin: 5px;
	font-size: 11px;
	padding: 3px;
	position: relative;
	-moz-user-select: none;
	padding-left: 22px;
}

div.consejo {
	margin-left: 16%;
	margin-right: 23%;
	font-size: 11px;
	padding: 3px;
	background-position: 2px center;
	background-repeat: no-repeat;
	-moz-user-select: none;
}

div.bombilla {
	background-image: url(bombilla.png);
	background-color: #FFFADB;
	color: #776B1B;
	border: 1px solid #CBB945;
	background-position: 2px 3px;
	background-repeat: no-repeat
}

div.consejo.informacion {
	background-image: url(info.png);
	background-color: #F4FAFF;
	border: 1px solid #689DD5;
}

div.consejo.exclamacion {
	background-image: url(alert.png);
	background-color: #FFFADB;
	color: #776B1B;
	border: 1px solid #CBB945;
}

div.consejo.critico {
	background-image: url(alerta.png);
	background-color: #dcc8c8;
	color: red;
	border: 1px solid red;
}

div.consejo.numero1 {
	background-image: url(n01.png);
	padding-left: 9px;
}

div.consejo.numero2 {
	background-image: url(n02.png);
	padding-left: 9px;
}

div.consejo.numero3 {
	background-image: url(n03.png);
	padding-left: 9px;
}

div.consejo.numero4 {
	background-image: url(n04.png);
	padding-left: 9px;
}

div.consejo.numero5 {
	background-image: url(n05.png);
	padding-left: 9px;
}

div.consejo.numero6 {
	background-image: url(n06.png);
	padding-left: 9px;
}

div.consejo.numero7 {
	background-image: url(n07.png);
	padding-left: 9px;
}

div.consejo.numero8 {
	background-image: url(n08.png);
	padding-left: 9px;
}

div.consejo.numero9 {
	background-image: url(n09.png);
	padding-left: 9px;
}

div.consejo.numero10 {
	background-image: url(n10.png);
	padding-left: 9px;
}

div.ventana div.consejo div {
	margin-left: 18px;
}

div.consejo.numero1 div, div.consejo.numero2 div, div.consejo.numero3 div,
	div.consejo.numero4 div, div.consejo.numero5 div, div.consejo.numero6 div,
	div.consejo.numero7 div, div.consejo.numero8 div, div.consejo.numero9 div,
	div.consejo.numero10 div {
	border-left: 1px solid gray;
	padding-left: 8px;
	color: darkgreen;
	background-color: Wheat;
}

div.consejo.titulo1, div.consejo.titulo2, div.consejo.titulo3, div.consejo.titulo4
	{
	background-color: white;
	color: black;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #C0DDA4;
}

div.consejo.titulo1 {
	font-size: 1.4em;
}

div.consejo.titulo2 {
	font-size: 1.2em;
	margin-left: 20px;
}

div.consejo.titulo3 {
	font-size: 1.1em;
	margin-left: 40px;
}

div.consejo.titulo4 {
	font-size: 1.0em;
	margin-left: 60px;
}

div.consejo.titulo1 div, div.consejo.titulo2 div, div.consejo.titulo3 div,
	div.consejo.titulo4 div {
	margin-left: 0px !important;
}

div.cabecera {
	padding: 3px 0;
	cursor: move;
	height: 27px;
	position: relative;
	background-color: var(--ligero);
}

.cabecera .icono {
	display: none;
	}
	
.cabecera p {
	padding: 6px 7px;
	margin: 0;
	color: #505050;
	font-size: 12pt;
	font-weight: bolder;
}

div.cuerpo {
	/*bottom: 33px;*/
	overflow-x: hidden;
	overflow-y: scroll; /*para ie*/
	/*position: absolute;*/
	/*top: 33px;*/
	/*width: 100%;*/
}

div.bloqueo  div.cuerpo {
	overflow-x: hidden;
	overflow-y: auto;
} /*para mozilla*/
.cabecera .icono {
	float: left;
	padding: 2px 0px 4px 0px;
	margin: 0px 7px 0px 0px;
}

.cabecera .icono img {
	float: left;
	margin: 0px 7px 0px 7px;
}

div.cabecera div p {
	padding: 50px 0px 0px 170px;
	margin: 0px;
	color: #505050;
	font: bold 12px Arial, Helvetica, sans-serif;
}

div.ventana.formulario_msg div.cuerpo {
	height: 140px;
	background-repeat: no-repeat;
	background-position: left center;
}

div.ventana.formulario_msg.critico 			div.cuerpo {
	background-image: url(./crit200.png);
}

div.ventana.formulario_msg.informacion 	div.cuerpo {
	background-image: url(./info200.png);
}

div.ventana.formulario_msg.exclamacion 	div.cuerpo {
	background-image: url(./warn200.png);
}

div.formulario_msg div.cuerpo {
	padding: 50px 0px 0px 170px;
	margin: 0px;
	color: #505050;
	font: bold 12px Arial, Helvetica, sans-serif;
}

div.pie {
	padding: 3px 0;
	left: 0px;
	width: 100%;
	height: 27px;
	bottom: 0px;
}

div.pie span.pieDer, div.pie span.pieIzq {
	/*position:absolute;*/
	
}

div.pie span.pieDer {
	float: right;
}

div.pie span.pieIzq {
	float: left;
}

/*  Calendario */
span.datePicker {
	padding-left: 1px;
	width: 130px;
	position: absolute;
	background-color: #A1B9E9;
	border: 1px solid white;
	display: none;
	font-size: 10px;
	z-index: 100;
}

span.datePicker tbody tr.month, span.datePicker tbody tr.month, span.datePicker th.datePicker,
	span.datePicker th {
	cursor: pointer;
	background-color: #001B51;
	background-image: none;
	color: white;
}

span.datePicker th.semana {
	color: white;
	text-align: center;
	cursor: default;
}

span.datePicker td.weekend {
	background-color: #D9E3F6;
}

span.datePicker td.today {
	background-color: #001B51;
}

span.datePicker td.normal {
	background-color: white;
}

span.datePicker td.normal, span.datePicker td.today, span.datePicker td.weekend
	{
	text-align: right;
	color: #001B51;
	font-weight: bold;
	cursor: pointer;
}

span.datePicker td.today {
	color: white
}

/* ****************************************** */
/*  controles del modo detalle     */
.rec {
	z-index: 1;
	background-color: transparent;
	border: 1px solid silver;
}

.lbl {
	z-index: 2;
	background-color: transparent;
	-moz-user-select: none;
}

.gra, .rd, .tab {
	z-index: 3;
}

.img, .pic, .gra {
	z-index: 2;
	background-color: transparent;
	-moz-user-select: none;
	-moz-user-focus: none;
}

.bsm, .bsp, .par, .txt, div.lvw, .arb, select.desp {
	z-index: 5;
}

button.cmd {
	z-index: 6;
}

div.exp {
	z-index: 7;
}

.txt, .lbl {
	overflow: hidden;
	padding-top: 2pt;
	padding-left: 2pt;
}

.www {
	z-index: 3;
}

div.subgrid, .gra, .img, .pic, .rd, .txt, .lbl, .bsp, .bsm, .par, .txt,
	.cmd, div.lvw, div.gnt, .arb, .rec, .www, div.tab, div.pag, select.desp, div.exp
	{
	position: absolute;
}

div.tab {
	overflow: visible;
}

div.lvw div.datos, div.rd, div.subgrid, div.gnt {
	overflow: auto;
}

div.disenho_on div.gnt {
  background: pink;
  padding-right: 12px;
}

div.lvw, div.subgrid {
	background-color: #FFFFFF;
}

div.lvw {
	overflow: hidden;
}

div.exp {
	border: 1px dotted silver;
	background-color: #F0F2FF;
	overflow: visible;
	font-size: 100%;
	color: #666666;
	font-weight: normal;
}

div.exp:hover, div.exp:hover h3 {
	background-color: lightgray
}

div.exp h3.tituloAcordeon {
	border: none;
	padding-left: 12px;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	background-color: inherit;
}

div.exp div.panelAcordeon {
	border: 1px dotted silver;
	margin-left: -1px;
	margin-top: 1px;
	position: absolute;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	color: inherit;
	background-color: inherit;
}

div.disenho_on div.exp div.panelAcordeon {
	min-height: 40px;
	display: block !important;
}

.par {
	background-color: transparent;
}

.arb {
	background-color: white;
	overflow: auto;
}

iframe.www {
	background-color: white;
	border: none;
}

.cmd { /*botones de usuario, los del modo detalle */
	background-color: rgb(226, 223, 214);
	padding: 0;
	border-width: 2px 1px 2px 2px;
	cursor: pointer;
}

.cmd:hover {
	background-color: lightgray !important;
}

A.img IMG.img {
	overflow: hidden;
}

a.email, a.web {
	background-repeat: no-repeat;
	padding-left: 19px;
}

.fila.seleccionada a.email, .fila.seleccionada a.web, .fila.seleccionada a.navegacion
	{
	color: silver;
}

a.email {
	background-image: url(email2.png);
}

a.web {
	background-image: url(web2.png);
	background-position: left center;
}

a.web.flotante {
	background-image: url(flotante.png)
}

div.txt {
	text-align: left;
	background-color: var(--resaltado);
}

div.txt.lvwFecha, div.txt.lvwNumero, div.txt.lvwCurrency {
	text-align: right;
	text-wrap: nowrap;
}
/* botones de sistema */
input.lvwFile, input[type="button"]:hover, input[type="submit"]:hover,
	input[type="reset"]:hover, input[type="file"]:hover, button.cmdgt:hover
	{
	/*cmdgt son los botones de gotta, los que el usuario no ha diseñado */
	background-color: #CCCCBB;
	background-color: var(--ligero);	
}

input.lvwFile, input[type="button"], input[type="submit"], input[type="reset"],
	input[type="file"], button.cmdgt {
	background-color: #EEEEEE;
	border: 1px outset #CCCCCC;
	color: #222222;
	padding: 0.1em 0.5em;
	vertical-align: middle;
	margin: 2px;
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	min-width: 75px;
	font-family: 'Alegreya Sans';
	background-color: var(--fondo);		
}

select.cmdgt {
	vertical-align: middle;
	margin: 2px;
	margin-right: 20px;
	width: 300px;
	font-family: 'Alegreya Sans', sans-serif;
	border: 1px solid silver;
}

button.cmd>img {
	vertical-align: text-bottom;
}

td.man { /*width: 20px ; height:17px;*/
	text-align: center;
	height: 16px;
	border-right: 1px solid gray;
	font-size: 11px;
	color: gray;
	vertical-align: middle;
}

/*img.iconoman 
	{border:0;}
*/
/*---------------------------------nodos del arbol---------------------------------*/
img.icono { /*icono del nodo en cuestión*/
	vertical-align: top;
	height: 16px;
	width: 16px;
}

td.masMenos {
	padding: 0px;
	margin: 0px;
	width: 16px;
	background-repeat: no-repeat;
	min-width: 16px;
}

td.masMenos img {
	vertical-align: bottom;
}

td.andamio {
	width: 16px
}

td.contenido a.maxElementos, td.contenido a.maxElementos.todos {
	color: gray;
}

a.maxElementos.todos {
	border-left: 1px solid gray;
	margin-left: 4px;
	padding-left: 4px;
}

tr.arbol.cargando td.contenido {
	background-image: url(throbber.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

tr.arbol.cargando td.contenido a.maxElementos {
	display: none !important;
}

table.arbol {
	text-align: left;
	border: 0px;
	/*background-color:#ffffff;*/
	border-collapse: collapse;
	white-space: nowrap;
	/* Esto para evitar que se oculte el andamio del árbol al contraer el splitter */
	table-layout: fixed;
	width: 100%;
}

div#divarbol {
	position: absolute;
	/*OJO: el divarbol no puede ir a fixed porque dejaría de funcionar el splitter*/
	bottom: 0px;
	left: 0px;
	width: 100%;
	overflow: auto;
}

div#divarbol table.sortable {
	margin: 0px;
	padding: 0px;
}

td.contenido, td.contenidoS {
	white-space: nowrap; /* el puto ie */
}

tr.arbol {
	height: 16px;
} /*el puto ie*/
td.contenido a, td.contenido a span, td.contenidoS a, td.contenidoS a span
	{ /*enlaces*/
	font-size: 10.5pt;
	text-decoration: none;
	vertical-align: top;
	padding-bottom: 3px;
	padding-right: 2px;
}

td.contenido a {
	color: #333;
}

td.contenido a span, td.contenidoS a span {
	color: lightSlateGray;
	margin-left: 6px;
}

td.contenidoS a span {
	color: silver;
}

td.contenidoS a, td.contenido a {
	-moz-user-select: none;
	-moz-user-focus: none;
}

td.contenidoS a, a.contenido:focus {
	background-color: var(--resaltado);
}
/*    /////////////////////  formularios      ////////////////////////    */
input.lvwNumero, input.lvwCurrency, input.lvwFecha, input.lvw, textarea.lvwNumero,
	textarea.lvwFecha, textarea.lvw, textarea.lvwMemo, select.lvw {
	max-width: 100%;
	border: 1px solid rgb(127, 157, 185);
	margin-left: 1px;
	/*vertical-align: top;*/
}

input.errorjsON, textarea.errorjsON {
	border: 1px solid red !important;
}

div.md input.lvwNumero, div.md input.lvwCurrency, div.md input.lvwFecha,
	div.md input.lvw, div.md textarea.lvwNumero, div.md textarea.lvwFecha,
	div.md textarea.lvw, div.md textarea.lvwMemo, div.md select.lvw, div.md label.checkbox,
	div.md div.bsc, div.md div.calendario {
	position: absolute;
	z-index: 2;
}

div.calendario {
	white-space: nowrap;
}

div.md div.bsc div.des_bsc, div.md div.bsc label.des_bsc, div.md div.bsc input.lvw,
	div.md div.bsc input.lvwNumero, div.md div.bsc input.lvwCurrency, div.md div.bsc input.lvwFecha
	{
	position: relative;
}

div.md td input.lvwNumero, div.md td input.lvwCurrency, div.md td input.lvwFecha,
	div.md td input.lvw, div.md td textarea.lvwNumero, div.md td textarea.lvwFecha,
	div.md td textarea.lvw, div.md td textarea.lvwMemo, div.md td select.lvw,
	div.md td input[type="checkbox"], div.md td div.bsc, div.md td div.calendario
	{
	position: relative;
	margin: 0px;
}

div.md div.par {
	display: inline;
	border: none;
	white-space: nowrap;
}

div.md div.par input {
	display: inline;
}

div.md div.par input.ejemplo {
	color: gray !important;
	font-style: italic !important;
}

div.md div.par a.cmd_calendar {
	padding: 0px 4px 9px 1px;
}
/*div.md div.par input.date {
	background-image:url(calendario.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:18px;
	}
*/
td.casilla>input.lvw {
	margin-right: 6px;
}

/*esto no funciona en IE*/
input.lvwNumero[readonly], input.lvwCurrency[readonly], input.lvwFecha[readonly],
	input.lvw[readonly], textarea.lvwNumero[readonly], textarea.lvwFecha[readonly],
	textarea.lvw[readonly], textarea.lvwMemo[readonly] {
	font-size: 8pt;
	max-width: 100%;
	background-color: #E7E7E7;
	color: gray;
	border: 1px solid rgb(127, 157, 185);
	margin-left: 2px;
}

td.separador {
	color: white;
	font-weight: bold;
	font-size: 11px;
	background-color: lightgrey;
}

tr.formulario:hover {
	
}

td.obligatorio, td.noObligatorio {
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	width: 18%;
	padding-top: 6px;
}

/*td.obligatorio {
	border: lightblue thin dotted;
	}*/
td.obligatorio div.gris, td.noObligatorio div.gris {
	text-align: right;
}

td.noObligatorio {
	font-weight: normal;
}

td.errorjsON, td.errorjsOFF {
	width: 13px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
}

td.errorjsON {
	border-right: 1px red dotted;
	background-image: url(errorjs.png);
	background-repeat: no-repeat;
	background-position: center 3px;
}

td.casilla {
	padding-top: 4px;
}

td.casilla, td.casilla div.file, td.casilla div.calendario {
	/*celda de la derecha de los frm automáticos, donde van los códigos*/
	/*white-space: nowrap;*/
	vertical-align: top;
}

td.casilla div.file {
	overflow: hidden;
}

td.casilla div.calendario {
	height: 17px;
	padding-bottom: 3px;
}

span.textoAyuda {
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color: gray;
	white-space: normal;
}

td.casilla span.textoAyuda {
	padding-top: 3px;
	margin-left: 4px;
	vertical-align: 0px;
}

span.globoAyuda {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(globoAyuda.png);
	cursor: help;
	-moz-user-select: none;
	-moz-user-focus: none;
	overflow: visible;
}

span.globoAyuda.formulario {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 0px;
	height: 0px;
} /*width y height=0, ie7*/
td.casilla span.globoAyuda {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

div.md span.globoAyuda, div.md span.textoAyuda {
	position: absolute;
	margin-left: 3px;
}

div.ventanaSombra div.pestanha {
	overflow: visible;
}

div.md span.globoAyuda {
	height: 18px;
	width: 18px;
}

div.globoAyuda {
	background-image: url(globoAyuda.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	border-radius: 10px;
	moz-border-radius: 10px;
	margin-left: -1px;
	margin-top: -1px;
	background-color: black;
	color: white;
	padding-left: 22px;
	padding-top: 2px;
	position: fixed;
	display: block;
	font-family: arial, sans-serif;
	font-size: 12px;
	z-index: 4;
	border: 1px solid black;
	min-height: 80px;
	overflow: visible;
}

div.globoAyuda span.titulo {
	display: none;
	font-weight: bold;
	margin-top: -2px;
	padding-left: 9px;
	height: 16px;
	padding-top: 2px;
	margin-left: -49px;
	background-color: black;
	color: white;
}

div.globoAyuda span.texto {
	white-space: normal;
	display: block;
	overflow: auto;
}
/* ---------------------------Botones------------------------------------------- >*/
input.submit {
	
}

input.radio {
	vertical-align: bottom
}

.txt_bsp {
	width: 50px;
}

.txt_bsm {
	width: 75px;
}

.txt_bsp, .txt_bsm {
	vertical-align: top;
	border: 0px;
	background-color: rgb(255, 255, 192);
	font-size: inherit;
	font-family: inherit;
}

a.cmd_memo {
	background-position: 2px 4px;
	background-repeat: no-repeat;
	padding: 3px 0px 2px 2px;
	text-decoration: none;
	background-image: url(ampliarMemo.png);
	display: inline;
	vertical-align: top;
	position: relative;
	width: 40px;
}

div.cmd_bsp, div.cmd_calendar, a.cmd_calendar, div.cmd_file, div.cmd_bsm
	{
	background-image: url(lupa.png);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 19px;
	height: 19px;
	vertical-align: top;
	display: inline;
	float: left;
	cursor: pointer;
	-moz-user-select: none;
	padding-bottom: 3px;
	padding-right: 2px;
}

div.cmd_bsp.buscando {
	background-image: url(throbber.gif);
}

a.cmd_calendar {
	background-image: url(calendario.png);
}

div.calendario a.cmd_calendar {
	margin-right: 2px;
	margin-top: 0;
	padding-bottom: 2px;
	padding-right: 2px;
}

div.cmd_bsm {
	background-image: url(lupam.png);
}

div.cmd_file {
	background-image: url(borrarControles.png);
}
/*
div.cmd_bsp span  , div.cmd_calendar span {
	display: none
}*/
label.des_bsc, div.des_bsc {
	font-family: inherit;
	color: SteelBlue;
	display: inline;
	overflow: hidden;
	/*position: relative;*/
	top: 0px;
	padding-left: 6px;
	padding-right: 6px;
} /*modos detalle*/
label.des_bsc input[type="radio"] {
	vertical-align: text-bottom;
	margin-top: 4px;
	margin-right: 4px;
}

td.casilla label.des_bsc, td.casilla  div.des_bsc {
	top: 2px;
} /*formularios dinámicos*/
div.md div.bsc div.des_bsc {
	top: 2px;
} /*formularios diseñados*/
div.bsp, div.bsm {
	display: inline;
	overflow: hidden;
}

div.ventana div.bsc {
	overflow: visible;
}

div.bsc {
	display: inline;
	white-space: nowrap;
	overflow: hidden;
}

/*Listas lvw y sortables*/
input.lvw_chk {
	display: none; /*inline para ver los checkbox de arb, lvw y rd */
}

div.maxElementos, div.paginacion, div.botoneraEditarListas {
	text-align: left;
	/*position:inherit;
	bottom:0px;left:0px;right:0px;*/
	padding-left: 22px;
	background-color: #D0DEF0;
	background-repeat: no-repeat;
	background-position: 4px 9px;
	height: 30px;
	padding-top: 10px;
}

div.paginacion {
	padding-top: 7px;
	height: 22px;
}

div.paginacion span.mostrandoNdeM {
	color: gray;
	float: right;
	margin-top: 2px;
}

div.paginacion span.enlacesRapidos {
	display: none;
}

div.paginacion span.botonesNavegacion {
	
}

div.paginacion span.botonesNavegacion a.especial {
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 18px;
	padding-bottom: 2px;
	padding-top: 1px;
}

div.paginacion span.botonesNavegacion a.especial.primera {
	background-image: url(resultset_first.png);
}

div.paginacion span.botonesNavegacion a.especial.anterior {
	background-image: url(resultset_previous.png);
}

div.paginacion span.botonesNavegacion a.especial.siguiente {
	background-image: url(resultset_next.png);
}

div.paginacion span.botonesNavegacion a.especial.ultima {
	background-image: url(resultset_last.png);
}

div.paginacion span.botonesNavegacion input.lvw {
	position: relative;
	text-align: right;
	font-size: 8pt;
	font-size: 8pt;
}

div.paginacion.cargando {
	background-image: url(throbber.gif);
}

div.paginacion a {
	margin-left: 5px;
	cursor: pointer;
	color: gray;
}

div.paginacion a:hover {
	text-decoration: underline;
}

div.paginacion a.especial {
	font-weight: bold;
	color: black;
}

div.navegacion span.puntosSuspensivos {
	
}

table.lvw, table.sortable, table.bsc {
	background-color: #EEE;
	padding: 0px;
	border-collapse: separate;
	border-spacing: 1px;
	border-color: #eee;
	color: black;
	font-size: 11pt;
	white-space: normal;
	/*table-layout:fixed;*/
	text-align: left;
	border: 0px;
}

tr.bsc, col {
	background-color: #FFFFFF
}

col.seleccionada {
	background-color: #F7F7F7;
}

col.lvwNumero, col.lvwCurrency, col.lvwFecha, col.lvwNumFila {
	text-align: right;
}

table.lvw th {
	font-weight: normal;
	vertical-align: middle;
	text-align: center
	;
	white-space: nowrap;
	height: 17px;
	border-bottom: #eee 1px solid;
}

th, th a.sortheader {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

table.lvw td{
	white-space: nowrap;
}

th a.sortheader {
	display: block;
}

th.especial {
	width: 16px;
}

th.especial.volcarExcel {
	text-align: center;
}

a.volcarExcel {
	background-image: url(navegacion.png);
	background-repeat: no-repeat;
	background-position: center 2px;
	text-decoration: none;
}

thead th {
	border-bottom: 1px solid #EEEEEE;
}

table.sortable thead th:hover {
	background-color: #EEEEEE;
	border-bottom: 1px solid orange;
}

a.navegacion {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-right: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	text-decoration: none;
	/*white-space:nowrap; */
}

a.navegacion:hover {
	text-decoration: underline;
}

/*tr.lvw,table.sortable tr,tr.bsc {
	background-color: #FFFFFF;
}*/
tr {
	min-height: 17px;
	height: auto;
}
/*
tr.lvw:nth-child(even){
  background-color: #EEEEEE;
}
*/
td.lvwNumero, td.lvwCurrency, td.lvwFecha {
	text-align: right
}

thead tr, thead tr, tbody th {
	background-color: var(--resaltado);
}

.fila:hover, tr.arb:hover, tr.bsc:hover {
	background-color: #d0e0f0 !important;
	color: black !important;
}

tbody.fila.subgrid.mas tr.rowExpander {
	display: none;
}

tbody.fila.subgrid.menos tr.rowExpander {
	display: -moz-inline-block;
}

tbody.fila.subgrid div.rowExpander {
	padding-bottom: 5px;
	margin-right: 5px;
}

div.rowExpander div.sinDatos {
	color: silver;
	position: relative;
	text-align: left;
	width: 100%;
	padding-left: 30px;
}

.fila.seleccionada div.rowExpander {
	background-color: black !important;
}

td.especial {
	-moz-user-select: none;
}

td.especial.expandir {
	background-repeat: no-repeat;
	background-position: 3px center;
}

tbody.mas td.especial.expandir {
	background-image: url(masSinAndamio.png);
}

tbody.menos td.especial.expandir {
	background-image: url(menosSinAndamio.png);
}

/* Prevent Mozilla scrollbar from hiding right-most cell content 
tr.fila.seleccionada td:last-child,tr.lvw td:last-child, tr.bsc td:last-child{
	padding-right: 20px;
} */
td.lvwBoolean, td.lvw, td.lvw, td.lvwNumero, td.lvwCurrency, td.lvwFecha,
	td.lvwE, td.lvwSUB {
	/*defino todo lo que se pueda en table.sortable que parece que va mejor*/
	
}

.fila.seleccionada, .fila.seleccionada:hover {
	background-color: black !important;
	color: white !important;
}

table.sortable tr.lvw.editando {
	background-color: orange !important;
}

tr.lvw.editando td {
	padding: 0px;
	text-align: left !important;
}

tr.lvw.editando td, tr.lvw.editando td a {
	color: lightgray !important;
}

tr.lvw.editando div.calendario, tr.lvw.editando div.bsc {
	white-space: normal;
}

tr.lvw.editando div.bsc {
	overflow: hidden !important;
}

tr.fila.seleccionada TD, tr.fila.seleccionada span, tr.lvwE span {
	color: white
}

tr.fila.seleccionada TD.numFila {
	color: Gold;
}

div.filaRD {
	position: relative;
	overflow: visible;
	cursor: pointer;
	padding-bottom: 3px;
	background-color: transparent;
	border: 1px solid white;
	border-bottom: silver dotted 1px;
}

div.xfilaRD {
	display: inline-block;
	position: relative;
}

div.filaRD.fila.seleccionada {
	background-color: #d0e0f0;
	border: solid #6699ff 1px;
}

div.filaRD.fila.seleccionada div, div.filaRD:hover div {
	background-color: transparent !important;
}

div.filaRD:hover {
	border: solid #6699ff 1px;
	background-color: #d0e0f0;
}

div.filaRD div {
	position: absolute !important;
}

div.filaRD div.txt {
	border: none;
}

table.sortable tr, table.bsc tr, table.lvw tr {
	cursor: pointer;
}

th.bsc {
	cursor: default;
	max-height: 30px
}

th span.sortarrow, th span.sortarrowUp, th span.sortarrowDown {
	color: #666666;
	text-decoration: none;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 3px;
	padding-left: 4px;
}

span.sortarrowUp {
	background-image: url(./sort_asc.gif);
}

span.sortarrowDown {
	background-image: url(./sort_desc.gif);
}

/*estilo para los menï¿œs contextuales en las listas lvw*/
div.menuTramitacion { /*,div.menuCabecera*/
	position: absolute;
	left: 50px;
	top: 50px;
	width: 175px;
	border: 1px lightgrey outset;
	font-size: 8pt;
	background-color: white;
	line-height: 20px;
	cursor: default;
	visibility: hidden;
	z-index: 100;
}

div.menuitems {
	background-repeat: no-repeat;
	background-position: 1px 2px;
	padding-left: 20px;
	border: solid white 1px;
}

div.menuitems#btnBorrar {
	background-image: url(borrarControles.png);
}

div.menuitems#btnAlta {
	background-image: url(add.png);
}

div.menuitems:hover {
	border: solid #6699ff 1px;
	background-color: #d0e0f0;
}

#btnEjecuta {
	background-image: url(btnplay.png)
}

#btnDejarPendiente {
	background-image: url(calendario.png)
}

/*///////////////////////////////*/
div.pestanha div.nombrepestanha {
	display: none; /*se usa en la versión imprimible de la página*/
}

div.tab>div.pestanha {
	border: none;
	overflow: visible;
	background-color: var(--fondo);
	position: absolute;
	margin-top: 20px;
	display: none;
}

div.tab div.pestanha.activa {
	display: block;
}

div.tab table.tab {
	/*table-layout:fixed; esto era lo que provocaba que las pestañas salieran ocupando el ancho completo de la lista en ie*/
	
}

div.tab table.tab td {
	background-repeat: no-repeat;
	padding: 0px;
}

div.tab table.tab td.pesFondoOff {
	cursor: pointer;
	background-color: var(--ligero);
}

div.tab table.tab td.pesFondoOn {
	background-color: var(--fondo);
}

div.tab table.tab td.pesFondoOn, div.tab table.tab td.pesFondoOff {
	height: 20px;
	padding-left: 5pt;
	padding-right: 5pt;
}

td.pesFondoOn a.tab {
	font-weight: bold;
}

a.tab:active {
	outline: none;
}

/*pestañas laterales*/
div.tab.pestanhasIzquierda div.pestanha {
	margin-top: 1px;
	margin-left: 154px;
}

div.tab.pestanhasIzquierda table.tab {
	margin-top: -1px;
}

div.tab.pestanhasIzquierda table.tab td {
	height: 42px;
	font-family: verdana, arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}

div.tab.pestanhasIzquierda table.tab td.pesInicioOn {
	background-image: url(./pesInicioOnCEJ.vert.png);
}

div.tab.pestanhasIzquierda table.tab td.pesFinOn {
	background-image: url(none);
}

div.tab.pestanhasIzquierda table.tab td.pesInicioOff {
	background-image: url(./pesInicioOffCEJ.vert.png);
}

div.tab.pestanhasIzquierda table.tab td.pesFinOff {
	background-image: url(none)
}

div.tab.pestanhasIzquierda table.tab td.pesFondoOn {
	background-image: url(./pesFondoOnCEJ.vert.png);
	background-repeat: repeat-x;
}

div.tab.pestanhasIzquierda table.tab td.pesFondoOff {
	background-image: url(./pesFondoOffCEJ.vert.png);
	background-repeat: repeat-x;
}

div.md {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 0px;
	height: 100%;
}

div.md.formulario_detalleFlotante {
	position: fixed;
	left: 15%;
	width: 70%;
	top: 15%;
	height: 70%;
	z-index: 3;
}

.formulario_detalleFlotante .equis {
	position: absolute;
	top: 9px;
	right: 10px;
	height: 16px;
	width: 16px;
	background-image: url(equis.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div#panelDer.disenho_on, div#listaPanelesIzq.disenho_on div.md {
	background-image: url(trama.gif);
	background-repeat: repeat;
	cursor: crosshair;
	-moz-user-select: none;
	-webkit-user-select: none;
}

div.cuerpo div.md { /* formularios detalle*/
	position: relative;
}

div#listaPanelesIzq div.md {
	width: 1000px;
	position: fixed;
}

div.md:focus {
	outline: none;
}

table.tab {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
}

a.tab { /*las pestañas*/
	font-size: 12pt;
	color: #666666;
	text-decoration: none;
	white-space: nowrap;
	padding: 0px;
	vertical-align: middle;
}

a.tab:hover {
	color: #222222;
}

img.throbber, img.tab {
	vertical-align: middle;
}

div.panelDer {
	width: 100%;
	height: 100%;
}

/*///////////////////////////////*/ /* depurador */
div#depurador div#splitterH {
	margin-left: 3px;
}

#botoneraDepuracion {
	
}

#btnPlay, #btnPausa, #btnStop, #btnIrA, #btnEditar, #btnInsertarAntes,
	#btnInsertarDespues {
	
}

#btnIrA {
	display: none
}

input.editBox {
	z-index: 10;
	background-color: black;
	color: white;
	border: none;
	position: fixed;
	padding-top: 2px;
	padding-left: 3px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 8pt;
}

input.editBox.noEditable {
	background-image: url(./noPermitido.png);
	opacity: .3;
	background-color: lightgray;
}

a.gris#btnPlay {
	background-image: url(./btnplay.png);
}

a.gris#btnPausa {
	background-image: url(./btnpausa.png);
}

#btnStop {
	margin-right: 3px;
	background-image: url(./btnstop.png);
}

#btnIrA {
	background-image: url(./btnIrA.png);
}

#btnEditar {
	margin-left: 3px;
	background-image: url(./lapiz.png);
}

#btnInsertarAntes {
	background-image: url(./btnInsertarAntes.png);
	margin-left: 3px;
}

#btnInsertarDespues {
	background-image: url(./btnInsertarDespues.png)
}

#btnEliminarFila {
	background-image: url(./btnEliminarFila.png)
}

#btnNovedades {
	background-image: url(./bombilla.png);
	padding-left: 20px;
}

a.botonera.gris {
	height: 28px;
	padding: 3px 1px 3px 20px;
	color: gray;
	border: solid white 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-user-select: none;
	-moz-user-focus: none;
}

a.gris.estado_disabled {
	cursor: default;
	opacity: .4;
}
/*a.gris.estado_disabled#btnPlay{background-image: url(./btnplayoff.png);}
a.gris.estado_disabled#btnPausa{background-image: url(./btnpausaoff.png);}*/
a.gris.estado_on {
	background-color: silver;
}

a.botonera.gris:hover {
	border: solid lightgray 1px;
	cursor: pointer;
	color: gray;
}

a.botonera.estado_disabled:hover {
	border: solid 1px transparent;
	cursor: pointer;
}

a.botonera.gris span {
	color: gray;
}

h2.gris {
	font-size: 15pt;
	margin: 0px;
	display: inline
}

/*a {border-width: 0px; margin: 0px; padding: 0px; top: 0px; right: 0px; bottom: 0px; left: 0px; display:inline}*/
h4 {
	font-size: 10pt;
	text-decoration: none;
	display: inline
}

#depurador div.lvw {
	margin-top: 3px;
	position: relative;
}

div#__panelTablas__ div.lvw {
	overflow-x: auto;
}

a.gris img.botonera {
	vertical-align: text-top;
	padding-right: 3px;
}

img.pinterrupcion {
	text-align: center
}

img.gris {
	padding-right: 3px;
}

div.depuracion div.tabla {
	overflow: auto
}

td.gris {
	white-space: nowrap;
	display: inline;
}

tr.lvwE {
	background-color: #95bdee
} /*ejecutadas*/
tr.lvwE td {
	color: white
}

td.lvwE {
	background-color: #95bdee;
	color: white;
}

div.fila.seleccionada {
	background-color: black;
}

div#depurador h3.tituloAcordeon {
	color: gray;
	font-weight: normal;
	font-size: 8pt;
	background-position: left center;
	padding-left: 18px;
}

div#depurador div.fila.seleccionada h3.tituloAcordeon {
	color: white;
}

th.especial, td.especial, td.orange {
	text-align: center;
	width: 13px;
	font-size: 8pt;
	color: gray;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
}

td.especial {
	
}

td.especial.numFila {
	font-size: 20pt !important;
	color: silver;
}

td.lvwSUB {
	background-color: rgb(211, 211, 211);
	color: gray;
	width: 13px;
}

td.lvwSUB a {
	text-align: center;
}

tr.productosFirmados {
	border-bottom: 1px solid silver;
}

th.productosFirmados {
	font-size: 12pt;
	font-style: normal;
	background: #EEE;
}

table.productosFirmados {
	margin-top: 50px;
	margin-left: 50px;
}

a.productoFirmar:hover, a.productoFirma:hover {
	background-color: #D4DFEE;
	border: 1px solid #a5bcda;
}

a.productoFirma {
	background-image: url(key.png);
}

a.productoFirmar {
	background-image: url(documento.png);
}

table.listaProductosFirmar {
	width: 50%;
	margin-top: 20px;
	margin-left: 100px;
}

tr.listaProductosFirmar {
	height: 25px;
}

a.productoFirmar, a.productoFirma {
	border: 1px white solid;
	background-repeat: no-repeat;
	padding-left: 22px;
	text-decoration: none;
}

#tramitefirmaNoEsValida0_ .cuerpo {
	background: url(crit200alpha.png) no-repeat 8px 24px;
}

div.radio {
	/*display: inline;*/
	padding-right: 18px;
}

div#menuMantenimiento {
	margin-left: 2px;
}

div#menuMantenimiento a {
	margin-left: 1px;
	margin-right: 2px;
	padding-top: 3px;
	padding-bottom: 1px;
}

a.botonera.separador {
	margin-right: 3px;
}

a.botonera.separador, a.botonera.separador:hover {
	color: #ADC9FF;
	border: 1px solid transparent;
	cursor: default;
}

div#menuMantenimiento a.botonera {
	padding-left: 18px;
	background-position: left 2px;
}

/* bsm */
button.cmdgt#todos, button.cmdgt#ninguno {
	position: absolute;
	width: 30px !important;
	min-width: 16px !important;
	margin-top: 20px;
}

button.cmdgt#todos {
	left: 50%;
}

button.cmdgt#ninguno {
	right: 50%;
}

div.tablaBusquedaMultiple table.bsc {
	float: left;
	width: 45% !important;
	left: 0%;
}

div.tablaBusquedaMultiple table.bsc#seleccionados {
	float: right;
	width: 45%;
}

div#Diccionario_ div.clsSplitter#splitterDic {
	position: relative;
}

div#Diccionario_ {
	top: 9px !important;
	left: 9px !important;
}

tfoot.lvw th {
	height: 18px;
	background-color: white;
	color: black;
}

tfoot.lvw th.lvwNumero, tfoot.lvw th.lvwCurrency {
	text-align: right;
	background-image: url(sumatorio.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: rgb(247, 247, 247);
	padding-left: 16px;
}

div.ventana div.cuerpo {
	padding-bottom: 12px;
	padding-right: 12pt;
	
}

div.ventana div.cuerpo.sinPie {
	padding-bottom: 0px;
}

div.ventana.flotante div.cuerpo {
	padding-bottom: 0px;
}

div.sinDatos {
	color: silver;
	position: absolute;
	top: 40%;
	text-align: center;
	width: 100%;
}

div.rowExpander div.sinDatos {
	
}
/*literal si/no para booleanos*/
label.checkbox {
	vertical-align: text-bottom;
}

label.checkbox span {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 8pt;
	margin-left: 3px;
}

label.checkbox.valor_false span.valor_true {
	display: none;
}

label.checkbox.valor_true span.valor_false {
	display: none;
}

label.checkbox input {
	vertical-align: middle;
}
/* Meter esta línea en el css para sacar sí/no en checkbox
label.checkbox span {visibility:visible;}
*/
label.checkbox span {
	visibility: hidden;
}

div.cmd_file {
	background-image: url(borrarControles.png);
	padding-bottom: 6px;
	background-position: center 4px;
	padding-bottom: 6px;
	margin-right: 2px;
}

div.cmd_subirOtro {
	background-image: url(signoMas.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	margin-right: 2px;
	margin-top: 3px;
	padding-left: 19px;
	padding-right: 3px;
	padding-top: 1px;
	cursor: pointer;
}

div.md button.cmd.autoexec {
	display: none;
}

div.disenho_on button.cmd.autoexec {
	display: block;
}

/*********************
//* jQuery Multi Level CSS Menu (horizontal)- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//* Menu instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
//* Last modified: Sept 6th, 08'. Usage Terms: http://www.dynamicdrive.com/style/csslibrary/tos/
*********************/
div.ventana div.botonera.jquerycssmenu, div.botonera.jquerycssmenu {
	z-index: 4;
}

.jquerycssmenu ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px; /*IE*/
	background-color: white;
	z-index: 25;
}

.jquerycssmenu ul li ul {
	margin-left: 0px; /*IE*/
}
/*Top level list items*/
.jquerycssmenu ul li {
	color: white;
	position: relative;
	display: inline;
	float: left;
}

/*1st sub level menu*/
.jquerycssmenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	padding: 2px 0px 2px 0px;
	border: 1px solid black;
	margin-top: 0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li {
	color: black;
	display: list-item;
	float: none;
	border: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a.menuML {
	min-width: 200px; /*width of sub menus*/
}
/*
.jquerycssmenu ul li.droprightmenu{
	background-image:url(flechaNegraDer.gif); 
	background-position:center right; 
	background-repeat:no-repeat; padding-right:3px;
	}*/
li.droprightmenu {
	margin-right: 3px;
	background-image: url(flechaNegraDer.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 5px;
}

div.pestanha.dragMove, div.rd.dragMove, div.panelAcordeon.dragMove {
	outline: gold 2px solid;
}

/*botones de lanzar trámites dentro de lvw*/
.fila button.cmd {
	position: relative !important;
	font-size: 8pt;
	border: none;
	background-color: transparent;
	color: blue;
}

.fila button.cmd a.navegacion {
	margin: 0px;
}

.fila button.cmd:hover {
	border: none;
	background-color: transparent !important;
	color: blue;
}

.fila button.cmd:hover a.navegacion {
	text-decoration: underline !important;
}

.fila.seleccionada button.cmd {
	color: silver;
}

div.botoneraEditarListas {
	display: none;
	position: absolute;
	left: 0px;
	right: 0px;
	background-color: black;
	text-align: right;
	margin-top: 3px;
	z-index: 6;
}

div.ventanaSombra.relativoADetalle {
	background-image: none !important;
	padding-bottom: 0px;
	padding-right: 0px;
	background-color: transparent;
}

div.ventanaSombra.relativoADetalle div.ventana {
	background-color: transparent;
}
/*div.ventanaSombra.relativoADetalle div.ventana div.md{height:0px !important;}*/
div.ventanaSombra.relativoADetalle div.cabecera {
	opacity: 0;
}

div.pag div.datos {
	height: auto !important;
}

div.pag div.sinDatos {
	height: auto !important;
	position: relative;
}

div.contenedorLista {
	position: relative;
}

div.expansible {
	top: 0px !important;
	position: relative !important;
	height: auto !important;
	display: inline-block;
	vertical-align: text-top;
}

/*///////////////////////////////////*/
div.pag table.tab {
	display: none;
}

div.disenho_on div.pag div.pestanha {
	min-height: 62px;
}

div.pag div.pestanha div.nombrepestanha {
	min-width: 40px;
	background-color: black;
	bottom: 0;
	color: silver;
	font-family: georgia, Tahoma, Verdana;
	font-size: 20pt !important;
	height: 100%;
	left: 100%;
	position: absolute;
	text-align: right;
	vertical-align: bottom;
	width: auto;
	z-index: 9;
	opacity: .5;
}

div.disenho_on div.pag div.pestanha {
	border-top: 1px solid gray;
}

div.disenho_on div.pag div.pestanha div.nombrepestanha {
	display: block !important;
}

div.disenho_on div.pag>div.pestanha {
	position: relative;
	background-color: #eeeeee;
	overflow: visible !important;
}

div.disenho_on div.pag>div.pestanha:nth-child(even) {
	background-color: #F7F7F7;
}

div.disenho_on div.pag div.pestanha.activa {
	background-color: silver !important;
}

div.disenho_on div.pag div.pestanha.activa div.nombrepestanha {
	color: orange;
	opacity: 1;
}

/* /////////// Editor de Menú ///////// */
div.arb#arbolEditorMenu {
	border: 1px solid lightblue;
	margin-top: 3px;
	height: 372px;
	position: relative;
}

a.botonera#btnNuevoHijo {
	background-image: url(node-select-child.png);
}

select.botonera.gris {
	border: 1px solid silver;
}

.botonera.gris.derecha {
	float: right
}

.botonera.gris.derecha:last-child {
	margin-right: 10px;
}
/*div.panel#detalleEditorMenu{float:left; margin:280px;background-color:lightblue;}*/
.progress-wrapper {
	background: whitesmoke;
	width: 100%;
	height: 10pt;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.progress {
	height: 100%;
	width: 60%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #c8edca87;
}

.progress-label {
	position: absolute;
	z-index: 1;
}

div.vis-item div.vis-item-content {
	padding: 1pt;
	color: white;
	font-weight: bold;
}

div.vis-item.vis-range {
	border: none;
}

div.vis-labelset div.vis-label {
	font-weight: bold;
}

.vis-panel.vis-background {
    background: white;
}
body {
	scrollbar-color: var(--resaltado) var(--ligero);
	font-size: 11pt;
	margin: 0px;
	height: 100%; /* OJO PARA IE6 */
	font-family: 'Alegreya Sans', sans-serif;
}
input {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 11pt;
}
label.progress-label {
    font-size: 8pt;
}