/* UTF-8 sin BOM (€ÁÑ) */
*{
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	color: #555555;
	background-color: #F7F7F7;
	font-size: 8pt;
	border-top: 3px solid #B84E94;
}
img{
	border-width: 0;
}
xmp, pre{
	font-family: "Lucida Console", monospace;
}



/*
 * Encabezado
 */
div#encabezado{
	padding: 0 0 22px 0;
	background: #ECECEC url(../css-img/fondo-encabezado.png) 50% 100% no-repeat;
	border-top: 3px solid #A6BF00;
}
div#encabezado div.int{
	position: relative;
	width: 914px;
	height: 81px;
	margin: 0 auto 0 auto;
	background: transparent url(../img/aplicacion-de-gestion.png) 170px 0 no-repeat;
}
div#encabezado div.int div.logo a img{
	margin: 21px 10px 21px 0;
}
div#encabezado div.int div.fecha{
	position: absolute;
	left: 374px;
	top: 40px;
	color: #868686;
	font-size: 7.5pt;
}
div#encabezado div.int div.fecha strong{
	font-weight: bold;
	color: #555555;
}

/* Información de la sesión de usuario */
div#encabezado div.int ul.usuario{
	position: absolute;
	right: 2px;
	top: 37px;
	color: #868686;
	font-size: 7.5pt;
	list-style-type: none;
}
div#encabezado div.int ul.usuario li{
	margin: 0 0 3px 0;
	text-align: right;
}
div#encabezado div.int ul.usuario li strong{
	font-weight: bold;
	color: #555555;
}
div#encabezado div.int ul.usuario li img{
	margin: 0 3px 0 0;
	vertical-align: -7px;
}
div#encabezado div.int ul.usuario li a{
	color: #868686;
	text-decoration: underline;
}
div#encabezado div.int ul.usuario li a:hover{
	color: #B4468F;
}

/* Migas de pan */
div#migas{
	width: 914px;
	height: 38px;
	margin: -44px auto 0 auto;
}
div#migas p{
	text-indent: -4.85em; padding-left: 4.85em; /* Cifras iguales */
	line-height: 1.5;
	color: #868686;
	font-size: 7.5pt;
}
div#migas p strong{
	font-weight: bold;
	color: #555555;
}
div#migas p a{
	color: #868686;
	text-decoration: underline;
	white-space: nowrap;
}
div#migas p a:hover{
	color: #B4468F;
}
div#migas p span{
	white-space: nowrap;
}



/*
 * Menú principal
 */
div#menu{
	width: 914px;
	height: 65px;
	margin: -22px auto 0 auto;
	background: #F7F7F7 url(../css-img/fondo-menu.png) right top no-repeat; /* Hay que editar esta imagen al cambiar el número de elementos */
}
div#menu ul{
	float: right;
	margin: 20px 0 0 0;
	border: 1px solid #C6C6C6;
}
div#menu ul li{
	display: block;
	float: left;
	border: 1px solid #C6C6C6;
	background: #D5D5D5 none left top no-repeat;
}
div#menu ul li a{
	position: relative;
	display: block;
	width: 53px;
	height: 41px;
	text-decoration: none;
	outline: 0 solid transparent;
}
div#menu ul li a span{
	position: absolute;
	display: none;
	left: 7px;
	top: 38px;
	padding: 4px 6px;
	color: #F7F7F7;
	background-color: #555555;
}
div#menu ul li a:hover span{
	display: block;
}
div#menu ul li:hover{
	background-position: 0 -41px;
}
div#menu ul li.res{
	background-position: 0 -82px;
}

/* Elementos de menú */
div#menu ul li.clientes{
	background-image: url(../img/menu-clientes.png);
}
div#menu ul li.crm{
	background-image: url(../img/menu-crm.png);
}
div#menu ul li.presupuestos{
	background-image: url(../img/menu-presupuestos.png);
}
div#menu ul li.facturas{
	background-image: url(../img/menu-facturas.png);
}
div#menu ul li.cobros{
	background-image: url(../img/menu-cobros.png);
}
div#menu ul li.productos{
	background-image: url(../img/menu-productos.png);
}
div#menu ul li.pagos{
	background-image: url(../img/menu-pagos.png);
}
div#menu ul li.empresas{
	background-image: url(../img/menu-empresas.png);
}
div#menu ul li.informes{
	background-image: url(../img/menu-informes.png);
}
div#menu ul li.mantenimientos{
	background-image: url(../img/menu-mantenimientos.png);
}

/* Elementos para los que el usuario no tiene permiso alguno */
div#menu ul li.no-autorizado{
	cursor: not-allowed;
	background-position: 0 -123px !important;
}
div#menu ul li.no-autorizado a{
	cursor: not-allowed;
}
div#menu ul li.no-autorizado a:hover span{
	display: none;
}


/*
 * Bloque principal
 */
div#ppal{
	width: 914px;
	margin: 6px auto 0 auto;
}

/* Los títulos incluyen el icono de la sección */
div#ppal h1{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	height: 41px;
	line-height: 41px;
	color: #888888;
	background-image: none;
	background-position: -10px -82px;
	background-repeat: no-repeat;
	border-bottom: 2px solid #ECECEC;
	font-size: 14pt;
}
div#ppal h1 img{
	margin: 5px 0 3px 0;
	vertical-align: bottom;
}
div#ppal h1.clientes img,
div#ppal h1.crm img,
div#ppal h1.presupuestos img,
div#ppal h1.facturas img,
div#ppal h1.cobros img,
div#ppal h1.productos img,
div#ppal h1.pagos img,
div#ppal h1.empresas img,
div#ppal h1.informes img,
div#ppal h1.mantenimientos img{
	margin-left: 47px;
}
div#ppal h1.clientes{
	background-image: url(../img/menu-clientes.png);
}
div#ppal h1.crm{
	background-image: url(../img/menu-crm.png);
}
div#ppal h1.presupuestos{
	background-image: url(../img/menu-presupuestos.png);
}
div#ppal h1.facturas{
	background-image: url(../img/menu-facturas.png);
}
div#ppal h1.cobros{
	background-image: url(../img/menu-cobros.png);
}
div#ppal h1.productos{
	background-image: url(../img/menu-productos.png);
}
div#ppal h1.pagos{
	background-image: url(../img/menu-pagos.png);
}
div#ppal h1.empresas{
	background-image: url(../img/menu-empresas.png);
}
div#ppal h1.informes{
	background-image: url(../img/menu-informes.png);
}
div#ppal h1.mantenimientos{
	background-image: url(../img/menu-mantenimientos.png);
}

div#ppal h2{
	margin: 10px 0 5px 0;
	padding: 0 0 1px 0;
	/*line-height: 10pt;*/
	color: #888888;
	border-bottom: 1px solid #ECECEC;
	font-size: 12pt;
}


/*
 * Formatos genéricos para el contenido
 */
div#ppal p{
	margin: 5px 0;
	color: #868686;
	font-size: 8pt;
	line-height: 1.5;
}
div#ppal p strong{
	font-weight: bold;
	color: #555555;
}
div#ppal a{
	color: #868686;
	text-decoration: underline;
}
div#ppal a:hover{
	color: #B4468F;
}
div#ppal code{
	font-family: "Lucida Console", monospace;
}
div#ppal p code{
	font-size: 8pt;
}
div#ppal ol{
	margin: 5px 0;
	padding: 0 0 0 1em;
	color: #868686;
	font-size: 8pt;
	line-height: 1.5;
}
div#ppal ol li{
	margin: 0 0 0 1em;
	padding: 0.25em 0;
}



/*
 * Clases genéricas
 */
.enlace{
	cursor: pointer;
}
.nb{
	white-space: nowrap;
}
.txt{
	white-space: pre-wrap;
}


/*
 * Clases genéricas para maquetación
 */
/* Maqueta estándar en dos columnas iguales*/
div.columnas{
	width: 914px;
	overflow: auto;
}
div.columnas div.col1de2{
	float: left;
	width: 450px;
	margin-left: 0;
}
div.columnas div.col2de2{
	float: left;
	width: 450px;
	margin-left: 14px;
}

/* Contenido en n columnas de ancho automático */
div.columnas-auto{
	overflow: auto;
}
div.columnas-auto div.col{
	float: left;
	margin-left: 14px;
}
div.columnas-auto div.col:first-child{
	margin-left: 0;
}


/*
 * Clases genéricas para tablas
 */
table th.max, table td.max{
	width: 100%;
}
table th.der, table td.der{
	text-align: right !important;
}


/*
 * Breves mensajes informativos
 */
div.mensaje{
	position: relative;
	margin: 10px 0;
	padding: 12px 7px;
	color: #1F83AC;
	background-color: #D9EDF5;
	border: 2px solid #8FC3D8;
}
div.mensaje strong{
	font-weight: bold;
}
/* Los mensajes suelen ser un simple párrafo pero podemos incluir listas */
div.mensaje ul, div.mensaje ol{
	margin: 0;
	padding: 4px 0 4px 21px;
}
div.mensaje ul{
	list-style-type: square;
}
div.mensaje ul li, div.mensaje ol li{
	margin: 6px 0;
	padding: 0;
	color: #1F83AC;
}

/* Botón de cerrar añadido con JavaScript */
div.mensaje div.cerrar{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	color: #8FC3D8;
	font-family: "Arial Black", Helvetica, sans-serif;
	font-weight: bold;
}
div.mensaje:hover div.cerrar{
	color: #1F83AC;
}



/*
 * Mensajes de error
 */
div.error{
	position: relative;
	margin: 10px 0;
	padding: 0 0 0 35px;
	color: #F7F7F7;
	background: #E90031 url(../img/icono-error.png) left top no-repeat;
	border: 2px solid #AD0025;
}
div.error strong{
	font-weight: bold;
}
div.error ul{
	border-left: 2px solid #AD0025;
	padding: 6px 7px 6px 21px;
	list-style-type: square;
}
div.error ul li{
	margin: 6px 0;
}
div.error ul li ul{
	padding: 2px 0 6px 21px;
	border-left-width: 0;
}
div.error ul li a{
	color: #E8E8E8 !important;
}
div.error ul li a:hover{
	color: white !important;
}

/* Botón de cerrar añadido con JavaScript */
div.error div.cerrar{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	color: #AD0025;
	font-family: "Arial Black", Helvetica, sans-serif;
	font-weight: bold;
}
div.error:hover div.cerrar{
	color: #F7F7F7;
}



/*
 * Listados de alertas y eventos
 */

/* Común */
div.alertas, div.eventos{
	margin: 10px 0;
	padding: 0 0 0 35px;
    background: no-repeat left top;
    border-width: 2px;
	border-style: solid;
}
div.alertas table, div.eventos table{
	border-collapse: collapse;
	border-width: 0 0 2px 2px;
	border-style: solid;
}
div.alertas table thead, div.eventos table thead{
	color: white;
}
div.alertas table thead tr th, div.eventos table thead tr th{
	padding: 11px 14px 18px 14px;
	background-position: left bottom;
	background-repeat: repeat-x;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
div.alertas table thead tr th a, div.eventos table thead tr th a{
	color: white !important;
	text-decoration: none !important;
}
div.alertas:hover table thead tr th a, div.eventos:hover table thead tr th a{
	text-decoration: underline !important;
}
div.alertas table tbody tr td, div.eventos table tbody tr td{
	padding: 6px 16px 4px 16px;
	color: white;
	font-size: 7.5pt;
	text-align: left;
	vertical-align: top;
}
div.alertas table tbody tr td a, div.eventos table tbody tr td a{
	color: white !important;
	text-decoration: none !important;
}
div.alertas:hover table tbody tr td a, div.eventos:hover table tbody tr td a{
	text-decoration: underline !important;
}

/* Alertas */
div.alertas{
	background-color: #87386D;
	background-image: url(../img/fondo-alertas.png);
	border-color: #72335D;
}
div.alertas table{
	border-color: #693257;
}
div.alertas table thead{
	background-color: #87386D;
}
div.alertas table thead tr th{
	background-image: url(../css-img/fondo-thead-alertas.gif);
}
div.alertas table tbody tr td{
	background-color: #B4468F;
}
div.alertas table tbody tr:nth-child(odd) td{ /* Impar */
	background-color: #A53D82;
}

/* Eventos */
div.eventos{
	background-color: #859900;
	background-image: url(../img/fondo-eventos.png);
	border-color: #68750A;
}
div.eventos table{
	border-color: #6C7B08;
}
div.eventos table thead{
	background-color: #859900;
}
div.eventos table thead tr th{
	background-image: url(../css-img/fondo-thead-eventos.gif);
}
div.eventos table tbody tr td{
	background-color: #A6BF00;
}
div.eventos table tbody tr:nth-child(odd) td{ /* Impar */
	background-color: #8FA400;
}



/*
 * Listados de datos
 */
table.listado{
	width: 100%;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	border: 2px solid #D5D5D5;
}
table.listado a{
	text-decoration: none !important;
}
table.listado:hover a{
	text-decoration: underline !important;
}

/* Encabezados de columnas */
table.listado thead th{
	padding: 8px 6px 4px 6px;
	vertical-align: bottom;
	text-align: left;
	border: 2px solid #D5D5D5;
	color: #555555;
	background-color: #E5E5E5;
	font-weight: bold;
}
table.listado thead th a{
	display: block;
	padding: 2px 3px;
	color: #555555 !important;
}
table.listado thead th a:hover{
	color: #E5E5E5 !important;
	background-color: #555555 !important;
	text-decoration: none !important;
}

table.listado thead th.asc a, table.listado thead th.desc a{
	padding-left: 11px;
	background-position: 0 1px;
	background-repeat: no-repeat;
}
table.listado thead th.asc a{
	background-image: url(../img/icono-asc.gif);
}
table.listado thead th.desc a{
	background-image: url(../img/icono-desc.gif);
}
table.listado thead th.asc.res a{
	background-image: url(../img/icono-asc-res.gif);
}
table.listado thead th.desc.res a{
	background-image: url(../img/icono-desc-res.gif);
}
table.listado thead th.asc a:hover{
	background-image: url(../img/icono-asc-res.gif);
}
table.listado thead th.desc a:hover{
	background-image: url(../img/icono-desc-res.gif);
}

/* Grupos de columnas de encabezado */
table.listado thead tr.grupos th{
	text-align: center;
}


/* Cuerpo de los datos */
table.listado tbody td{
	padding: 9px 9px 5px 9px;
	vertical-align: middle;
	text-align: left;
	border-left: 2px solid #D5D5D5;
	border-right: 2px solid #D5D5D5;
	color: #7B7B7B;
	background-color: #EEEEEE;
}
table.listado tbody tr:nth-child(odd) td{ /* Impar */
	background-color: #F7F7F7;
}
table.listado tbody td a{
	color: #868686 !important;
}
table.listado tbody td a:hover{
	color: #B4468F !important;
}

/* Fila correspondiente al elemento recién modificado */
table.listado tbody tr.modificado td{
	/*background-color: #E5EDB2;*/
	border-top: 2px solid #AAC200;
	border-bottom: 2px solid #AAC200;
}
table.listado tbody tr.modificado td:first-child{
	border-left: 2px solid #AAC200;
}
table.listado tbody tr.modificado td:last-child{
	border-right: 2px solid #AAC200;
}

/* Iconos en celdas de datos */
table.listado tbody td img{
	vertical-align: middle;
}

/* Celda indentada para un elemento subordinado */
table.listado tbody td.filial{
	padding-left: 30px;
}

/* Capas indentadas para representar árboles */
table.listado tbody td div.subnivel{
	padding-left: 20px;
}

/* Provincia, cuando no la tenemos */
table.listado tbody td.extranjero{
	font-style: italic;
}

/* Iconos del listado de categorías */
table.listado tbody td img.icono-categoria{
	vertical-align: -3px;
}

/* Iconos del listado de acciones */
table.listado tbody td.accion-entrante img, table.listado tbody td.accion-saliente img{
	vertical-align: -3px;
}

/* Cifras atenuadas en los listados de facturas pendientes */
table.listado tbody td.importe-sugerido{
	font-style: italic;
	color: #C2C2C2;
}

/* Cifras negativas resaltadas en los listados de tesorería */
table.listado tbody td.negativo{
	color: #BD3D3D;
}

/* Elemento activo */
table.listado tbody td.activo,
table.listado tbody tr:nth-child(odd) td.activo{
	background-color: #F8FFC1;
}

/* Icono de ver elemento */
table.listado tbody td.ver a{
	display: inline-block;
	margin: -2px 0 0 0;
	padding: 0 0 0 14px;
	min-height: 12px;
	background: url(../img/icono-ver.gif) 0 0 no-repeat;
}

/* Iconos de acciones */
table.listado tbody td.acciones{
	width: 1%;
	font-size: 0;
	white-space: nowrap;
	padding: 0 9px;
	vertical-align: middle;
}
table.listado tbody td.acciones a{
}
table.listado tbody td.acciones a:hover img{
	background-color: #B84E94 !important; /* Aplicamos efecto hover a la propia imagen para conservar la zona de clic _y_ el tooltip */
}
table.listado tbody td.acciones a img{
	padding: 2px 6px;
}

/* Pie de tabla */
table.listado tfoot th{
	text-align: left;
	vertical-align: top;
	padding: 9px 14px 5px 14px;
	border: 2px solid #D5D5D5;
	color: #777777;
	background-color: #E5E5E5;
	font-weight: normal;
}
table.listado tfoot th a{
	color: #B84E94 !important;
}
table.listado tfoot th a:hover{
	color: #E5E5E5 !important;
	background-color: #B84E94 !important;
	text-decoration: none !important;
}

/* Paginador */
table.listado tfoot th.paginador{
	padding: 9px 10px 7px 11px;
	line-height: 1.4;
	vertical-align: middle;
}
table.listado tfoot th.paginador span.total{
	float: left;
}
table.listado tfoot th.paginador span.paginas{
	float: right;
	font-weight: bold;
	text-transform: lowercase;
}
table.listado tfoot th.paginador span.paginas a{
	padding: 3px 4px;
	font-weight: normal;
}
table.listado tfoot th.paginador span.paginas span.actual{
	padding: 3px 4px;
}
table.listado tfoot th.paginador span.paginas span.sep{
	padding: 3px 0;
}
table.listado tfoot th.paginador span.paginas span.elipsis{
	padding: 3px 4px;
}

/* Fila de totales de los listados paginados */
table.listado tfoot tr.totales td{
	padding: 7px 9px 5px 9px;
	vertical-align: middle;
	text-align: left;
	border-left: 2px solid #D5D5D5;
	border-right: 2px solid #D5D5D5;
	color: #7B7B7B;
	background-color: #F7F7F7;
}
table.listado tfoot tr.totales td.primero{
	font-weight: bold;
	text-align: right;
}


/*
 * Visualización de datos
 */
table.ficha{
	margin: 20px 0 10px 0;
	border-collapse: collapse;
	/**/border: 2px solid #CECECE;
}
table.ficha table.ficha{
	margin: 5px 0;
}
table.ficha th{
	padding: 3px 2px;
	/**/border-top: 1px solid #CECECE;
	text-align: left;
}
table.ficha td{
	padding: 5px 4px;
	/**/border-top: 1px solid #CECECE;
}
table.ficha td.sep, table.ficha th.sep{
	padding-left: 4px;
	/**/border-left: 1px solid #CECECE;
}
table.ficha tr.resaltado td{
	background-color: #F8FFC1;
}

/* Grupos de columnas de encabezado */
table.ficha thead tr.grupos th{
	text-align: center;
}

/* Celdas de datos algo más resaltadas (totales, etc.); no confundir con los totales de los listados paginados, que van en el pie */
table.ficha tr.total th, table.ficha th.total{
	background-color: #EEEEEE;
}
table.ficha tr.total td, table.ficha td.total{
	background-color: #EEEEEE;
}

table.ficha fieldset{
	margin: 10px 0;
	padding: 5px 10px;
	border: 1px solid #C6C6C6;
}
table.ficha fieldset legend{
	font-weight: bold;
}
table.ficha label{
	color: #555555;
	font-weight: bold;
}

table.ficha ul{
	margin-left: 2px;
}
table.ficha ul li{
	margin: 2px 0 2px 10px;
}

/* Pseudo-listas de elementos jerarquizados */
table.ficha div.jerarquia{
	margin: 4px 0 0 2px;
	padding: 0 0 0 10px;
	background: #F7F7F7 url(../img/marca-jerarquia.gif) 0 1px no-repeat;
}



/*
 * Formularios
 */
span.obligatorio{
	font-size: 10pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #B84E94;
}

/* Efectivamente, maquetamos los formularios con tablas */
table.formulario{
	margin: 20px 0 10px 0;
	border-collapse: collapse;
	/**/border: 2px solid #CECECE;
	font-size: 8pt;
	color: #555555;
}
table.formulario th{
	padding: 3px 2px;
}
table.formulario td{
	padding: 5px 4px;
	/**/border-top: 1px solid #CECECE;
}
table.formulario td.sep{
	padding-left: 22px;
}

/* Celdas resaltadas (a modo de título o inicio de sección) */
table.formulario tr.titulo td, table.formulario td.titulo{
	padding: 8px 4px;
	background-color: #888888;
	color: white;
	font-weight: bold;
}
table.formulario tr.titulo td a, table.formulario td.titulo a{
	color: white !important;
}
table.formulario tr.titulo td a:hover, table.formulario td.titulo a:hover{
	color: #CECECE !important;
}

/* Celdas resaltadas (por ejemplo, la fila seleccionada) */
table.formulario tr.resaltado td, table.formulario tr.resaltado th{
	background-color: #F8FFC1;
}

table.formulario ul{
	margin-left: 2px;
}
table.formulario ul li{
	margin: 2px 0 2px 10px;
}

/* Info sobre el campo */
table.formulario .nota{
	color: #9B9B9B;
	font-style: italic;
}
table.formulario div.nota{
	margin: 4px 0 0 0;
}

/* Pseudo-listas de elementos jerarquizados */
table.formulario div.jerarquia{
	margin: 4px 0 0 2px;
	padding: 0 0 0 10px;
	background: #F7F7F7 url(../img/marca-jerarquia.gif) 0 1px no-repeat;
}


form.formulario fieldset{
	margin: 10px 0;
	padding: 5px 10px;
	border: 1px solid #C6C6C6;
}
form.formulario fieldset legend{
	font-weight: bold;
}
form.formulario label{
	color: #555555;
	font-weight: bold;
}
form.formulario input.text,
form.formulario textarea,
form.formulario select{
	line-height: normal; /* Si no, muchos navegadores descolocan el texto */
	border: 1px solid #D5D5D5;
	background-color: white;
	color: #555555;
	font-size: 8pt;
}
form.formulario input.text:focus,
form.formulario textarea:focus,
form.formulario select:focus{
	border-color: #B4468F;
	color: black;
}
form.formulario input.text{
	padding: 1px 0;
}
form.formulario input.text:disabled,
form.formulario textarea:disabled,
form.formulario select:disabled{
	background-color: #F7F7F7;
	color: #D5D5D5;
}
form.formulario input.text[readonly],
form.formulario textarea[readonly]{
	background-color: #ECECEC;
	border-color: #ECECEC;
}
form.formulario input.radio{
	vertical-align: -3px;
}
form.formulario input.checkbox{
	vertical-align: -3px;
}
form.formulario label + input.radio, form.formulario label + input.checkbox{
	/* Si tenemos varios controles inline consecutivos los separamos un poco */
	margin-left: 10px;
}
form.formulario select optgroup option{
	padding-left: 10px;
}


/*
 * Clases genéricas para elementos de formulario
 */
form.formulario input.max{
	width: 100%;
}


/*
 * Controles para tipos de datos específicos
 */
form.formulario input.tipo-fecha{
}
form.formulario input.tipo-fecha:disabled + img.ui-datepicker-trigger{
	opacity: 0.25; -moz-opacity: 0.25; filter: alpha(Opacity=25);
}
form.formulario input.tipo-localidad{
	text-transform: uppercase;
}

form.formulario div.select-multiple{
	position: relative;
}
form.formulario div.select-multiple{
	display: inline-block; /* No queremos que se expanda */
}
form.formulario div.select-multiple select{
	margin: 4px 0;
	min-width: 100px;
}
form.formulario div.select-multiple select.disponibles{
	position: absolute;
	left: 97%;
	bottom: -5px;
	z-index: 100;
}
form.formulario div.select-multiple img.icono-eliminar-elemento{
	float: left;
	margin-top: 1px;
}
form.formulario div.select-multiple img.icono-anadir-elemento{
	float: right;
}
form.formulario div.select-multiple img.disabled{
	opacity: 0.15; -moz-opacity: 0.15; filter: alpha(Opacity=15);
	cursor: default;
}

form.formulario .tipo-valor{
	position: relative;
	padding: 4px;
}
form.formulario div.tipo-valor{
	display: inline-block;
}
form.formulario .tipo-valor select{
	margin: 4px 0;
	min-width: 100px;
}
form.formulario .tipo-valor select.disponibles{
	position: absolute;
	left: 97%;
	bottom: -1px;
	z-index: 100;
}
form.formulario .tipo-valor img.icono-eliminar-elemento{
	float: left;
	margin-top: 1px;
}
form.formulario .tipo-valor img.icono-anadir-elemento{
	float: right;
}
form.formulario .tipo-valor img.disabled{
	opacity: 0.15; -moz-opacity: 0.15; filter: alpha(Opacity=15);
	cursor: default;
}

/* Opciones múltiples en forma de checkbox o radio */
form.formulario ul.tipo-lista{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
form.formulario ul.tipo-lista li{
	margin: 0;
	padding: 2px 1px;
}
form.formulario ul.tipo-lista li:nth-child(even){ /* Par */
	background-color: #E5E5E5;
}




/*
 * Teléfonos (ficha y formulario)
 */
form.formulario div.telefono,
table.ficha div.telefono{
	padding: 2px 0;
}
form.formulario div.telefono span.icono-tipo-telefono,
table.ficha div.telefono span.icono-tipo-telefono{
	display: inline-block;
	width: 16px;
	height: 15px;
	text-align: center;
	vertical-align: -2px;
}
form.formulario div.telefono img.icono-numero-particular,
table.ficha div.telefono img.icono-numero-particular{
	vertical-align: -2px;
}
form.formulario div.telefono div.observaciones-telefono,
table.ficha div.telefono div.observaciones-telefono{
	margin: 2px 0 5px 19px;
	font-style: italic;
}



/*
 * Elementos múltiples
 */
img.icono-eliminar-elemento, img.icono-anadir-elemento{
	cursor: pointer;
}



/*
 * Pequeñas correcciones para jQuery UI
 */
img.ui-datepicker-trigger{
	margin: 0 0 0 4px;
	vertical-align: -3px;
}

/* El desplegable de jQuery UI Autocomplete queda oculto si sobrepasa los límites del diálogo */
div.ui-dialog.ui-widget-content{
	overflow: visible;
}


/*
 * Botones independientes (botones reales o simulados con un enlace)
 */
div.botones{
	text-align: right;
	overflow: hidden;
	font-size: 0;
}
div.botones input, div.botones a{
	display: inline-block;
	margin: 0 0 0 6px;
	padding: 0;
	width: 115px;
	height: 28px;
	vertical-align: bottom;
	background: white none left top no-repeat;
	cursor: pointer;
}
div.botones input{
	border-width: 0;
	text-indent: 1000px; line-height: 1000px; /* Ocultamos el texto */
}
div.botones a span{
	display: none;
}
div.botones input:hover, div.botones input.hover/*IE6*/, div.botones a:hover{
	background-position: left bottom !important;
}

/* Botones para cuya acción el usuario no tiene permiso */
div.botones .no-autorizado{
	cursor: not-allowed;
	opacity: 0.15; filter: alpha(Opacity=15);
}


/*
 * Imágenes con los textos y colores de cada botón
 */
 div.botones .boton-listado-envios-biloop{
	float: left; /* Debería haber uno como máximo */
	background-image: url(../img/boton-listado-envios-biloop.png);
 }
 div.botones .boton-comprobaciones-biloop{
	float: left;
	margin-left: 0;
	width: 130px;
	background-image: url(../img/boton_comprobaciones_biloop.png);
}
 div.botones .boton-listado-proximas-suscripciones{
	width: 145px;
	background-image: url(../img/boton-prox_suscripciones.png);
}
div.botones .boton-listado{
	float: left; /* Debería haber uno como máximo */
	margin-left: 0;
	background-image: url(../img/boton-listado.png);
}
div.botones .boton-modificar{
	background-image: url(../img/boton-modificar.png);
}

div.botones .boton-anterior{
	background-image: url(../img/boton-anterior.png);
}
div.botones .boton-siguiente{
	background-image: url(../img/boton-siguiente.png);
}
div.botones .boton-guardar{
	float: right; /* Va el primero pero se muestra el último */
	background-image: url(../img/boton-guardar.png);
}
div.botones .boton-cancelar{
	float: left; /* Debería haber uno como máximo */
	margin-left: 0;
	background-image: url(../img/boton-cancelar.png);
}
div.botones .boton-eliminar-todos{
	float: left; /* Debería haber uno como máximo */
	margin-left: 0;
	background-image: url(../img/boton-eliminar-todos.png);
}
div.botones .boton-generar-pdf{
	background-image: url(../img/boton-generar-pdf.png);
}
div.botones .boton-descargar-datos{
	background-image: url(../img/boton-descargar-datos.png);
}
div.botones .boton-exportar-a-excel{
	background-image: url(../img/boton-exportar-a-excel.png);
}

div.botones .boton-nuevo-cliente{
	background-image: url(../img/boton-nuevo-cliente.png);
}
div.botones .boton-nueva-accion{
	background-image: url(../img/boton-nueva-accion.png);
}
div.botones .boton-nuevo-presupuesto{
	background-image: url(../img/boton-nuevo-presupuesto.png);
}
div.botones .boton-nueva-factura{
	background-image: url(../img/boton-nueva-factura.png);
}
div.botones .boton-nuevo-cobro{
	background-image: url(../img/boton-nuevo-cobro.png);
}
div.botones .boton-nueva-empresa{
	background-image: url(../img/boton-nueva-empresa.png);
}
div.botones .boton-nuevo-envio{
	background-image: url(../img/boton-nuevo-envio.png);
}
div.botones .boton-nuevo-grupo{
	background-image: url(../img/boton-nuevo-grupo.png);
}
div.botones .boton-nueva-marca{
	background-image: url(../img/boton-nueva-marca.png);
}
div.botones .boton-nuevo-atributo{
	background-image: url(../img/boton-nuevo-atributo.png);
}
div.botones .boton-nuevo-valor{
	background-image: url(../img/boton-nuevo-valor.png);
}
div.botones .boton-nueva-categoria{
	background-image: url(../img/boton-nueva-categoria.png);
}
div.botones .boton-nueva-tarifa{
	background-image: url(../img/boton-nueva-tarifa.png);
}
div.botones .boton-nueva-area{
	background-image: url(../img/boton-nueva-area.png);
}
div.botones .boton-nuevo-producto{
	background-image: url(../img/boton-nuevo-producto.png);
}
div.botones .boton-nuevo-item{
	background-image: url(../img/boton-nuevo-item.png);
}
div.botones .boton-nuevo-servicio{
	background-image: url(../img/boton-nuevo-servicio.png);
}
div.botones .boton-nuevo-pago{
	background-image: url(../img/boton-nuevo-pago.png);
}
div.botones .boton-nuevo-proveedor{
	background-image: url(../img/boton-nuevo-proveedor.png);
}
div.botones .boton-nuevo-cargo{
	background-image: url(../img/boton-nuevo-cargo.png);
}
div.botones .boton-nuevo-tipo-de-gasto{
	background-image: url(../img/boton-nuevo-tipo-de-gasto.png);
}
div.botones .boton-nueva-partida-gasto{
	background-image: url(../img/boton-nueva-partida-gasto.png);
}
div.botones .boton-nuevo-usuario{
	background-image: url(../img/boton-nuevo-usuario.png);
}
div.botones .boton-nuevo-agente{
	background-image: url(../img/boton-nuevo-agente.png);
}
div.botones .boton-nuevo-tipo-de-iva{
	background-image: url(../img/boton-nuevo-tipo-de-iva.png);
}
div.botones .boton-nueva-retencion{
	background-image: url(../img/boton-nueva-retencion.png);
}
div.botones .boton-enviar-biloop{
	background-image: url(../img/boton-enviar-biloop.png);
}
div.botones .boton-enviar-seleccionadas-biloop{
	width: 207px;
	float: left;
	background-image: url(../img/boton-enviar-seleccionadas-biloop.png);
}
div.botones .boton-listado-facturas-biloop{
	width: 128px;
	background-image: url(../img/boton-listado-facturas-biloop.png);
}

div.botones .boton-vinculacion-empresas{
	float: left;
	margin-left: 0;
	background-image: url(../img/boton-vinculacion-empresas.png);
}
div.botones .boton-facturar-suscripciones{
	float: left; /* Debería haber uno como máximo */
	margin-left: 0;
	background-image: url(../img/boton-facturar-suscripciones.png);
}
div.botones .boton-factura-rapida{
	margin-right: 30px;
	background-image: url(../img/boton-factura-rapida.png);
}
div.botones .boton-calendario-boletines{
	float: left;
	margin-left: 0;
	background-image: url(../img/boton-calendario-boletines.png);
}
div.botones .boton-calendario-web{
	float: left;
	background-image: url(../img/boton-calendario-web.png);
}
div.botones .boton-tesoreria{
	float: left;
	margin-left: 0;
	background-image: url(../img/boton-tesoreria.png);
}
div.botones .boton-generico{
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
	background: #72335D;
	text-decoration: none !important;
	padding: 0px 5px 0px 5px;
}

div.botones .boton-generico span{
	color: white !important;
	display: block;
	font-size: 10px !important;
}




/*
 * Separadores
 */
div#ppal hr, .ui-dialog hr{
	text-align: left;
	border: 1px solid #ECECEC;
	width: 107px;
	height: 0;
	margin: 10px 0;
}


/*
 * Calendarios inline generados con jQuery UI Datepickier
 *
 * Nota: el widget aplica estilos propios al día de hoy y al (único) día seleccionado.
 *       Ya que no se puede deshabilitar la funcionalidad, anulamos en lo posible dichos estilos
 */
div#ppal div.tipo-programacion .ui-datepicker .ui-datepicker-calendar tbody td{
	padding: 2px;
	border: none;
}
div#ppal div.tipo-programacion .ui-datepicker .ui-datepicker-calendar tbody td a{
	background-color: #E6E6E6;
	background-image: none;
	text-decoration: none;
	border: none;
}
div#ppal div.tipo-programacion .ui-datepicker .ui-datepicker-calendar tbody td a:hover{
	color: white;
	background-color: #B4468F;
}
div#ppal div.tipo-programacion td.seleccionado{
	background-color: #AAC200;
}
div#ppal div.tipo-programacion td.seleccionado a{
	font-weight: bold;
	color: white !important;
	background-color: #AAC200 !important;
}
div#ppal div.tipo-programacion td.seleccionado a:hover{
	background-color: #B4468F !important;
}


/*
 * Info de depuración
 */
table.sql{
	border-collapse: collapse;
}
table.sql caption{
	padding: 10px 0;
	width: 100%;
	font-size: 8pt;
	font-family: "Lucida console", monospace;
}
table.sql th, table.sql td{
	padding: 1px 3px;
	border: 1px solid gray;
	font-size: 8pt;
}


/*
 * Pie de página
 */
div#pie{
	position: relative;
	width: 914px;
	height: 39px;
	margin: 10px auto 0 auto;
	line-height: 1;
	border-top: 2px solid #E5E5E5;
	font-size: 7.5pt;
}
div#pie p{
	position: absolute;
	left: 0;
	top: 10px;
	color: #999999;
}
div#pie p strong{
	color: #606060;
	font-weight: bold;
}
div#pie ul{
	position: absolute;
	right: 0;
	top: 10px;
}
div#pie ul li{
	display: inline;
	padding: 0 8px 0 5px;
	background: transparent url(../css-img/li-pie.gif) 100% 3px no-repeat;
}
div#pie ul li.ultimo{
	padding-right: 0;
	background-image: none;
}
div#pie ul li a{
	color: #60605F;
	text-decoration: none;
}
div#pie ul li a:hover{
	text-decoration: underline;
}