/*******************************************************************************
Version 1.2.3 (2013-06-07)
- Estilo tachado

Version 1.2.2 (2012-02-06)
- Estilo icono-orden para la flecha indicativa de orden en las columnas

Version 1.2.1 (2011-12-16)
- Seguimos con estilos de las celdas e inputs relacionados con la tabla referencias de todas las
operaciones

Version 1.2.0 (2011-12-14)
- Creamos la primera version de estilos de las celdas e inputs relacionados con la tabla referencias 
de una cotizacion

Version 1.1.0 (2011-12-12)
- Añadimos el estilo textarea.edicion3 para el campo descripcion de las referencias de una cotizacion.
De esta manera, tendremos total libertad para disenarla y realizar los modificaciones oporturnas
para poder autoajustarla

Version 1.0.3. (2011-10-06)
- Añadimos el estilo celda_adjuntos para el listado de adjuntos

Version 1.0.2. (2011-10-05)
- Cambiamos los estilos capa-cargando y fondo-sombra
	-> #capa-cargando a .capa-cargando
	-> #fondo-sombra a .fondo-sombra
	
Version 1.0.1. (2011-10-04)
- Ajustar el espacio entre los iconos de la barra principal de la aplicacion
	-> Estilo TD.espacio_iconos: de 20px a 10px
	-> Estilo TD.celda_iconos: de 45px a 30px
*******************************************************************************/

/*############################################## ESTILOS BASE para las tablas ##################################################################*/
/*Titulos de las tablas
Este estilo aplicado a una tabla te hace los bordes inferior y laterales
*/
table.table_exterior{
border-bottom-color:#8A8A8B ;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-left-color:#8A8A8B ;
border-right-width:1px;
border-right-style:solid;
border-right-color:#8A8A8B;
font-family: Tahoma;
font-size:11px;
empty-cells:show;
}

/*estilo para las tablas que requieren una linea de un pixel que las enmarque*/
.tabla_exterior{
   border-style: solid;
   border-width: 1px;
   border-color: #C3C4CF;
   background-color: #FFFFFF;
   text-align:left;
}
table.table_sinborde {
	font-family: Tahoma;
	font-size:11px;
	text-align:left;
	empty-cells:show;
}
table.table_sinborde.table_fixed {
	table-layout: fixed;
}

/* estilo aplicado al titulo de la tabla ejemplo: bandeja de entrada del buzon*/
tr.titulo{
color:#9d1872;
text-align:left;
text-transform:capitalize;
}

/*MORA
Este estilo es para las cabeceras de las columnas de los formularios de las entidades
Debe ser igual que tr.cabecera*/
td.cabecera{
	text-align:center;
	font-family:Tahoma;
	font-size:11px;
	background-color: #606060;
	font-weight: bold;
	color: #FFFFFF;
	height:18px;
	/*color: #ecd8e5;*/
}

a.enlace_cabecera{
	text-align:center;
	font-family:Tahoma;
	font-size:11px;
	background-color: #8A8A8B;
	font-weight: bold;
	color: #FFFFFF;
	height:18px;
	text-decoration:none;
	cursor:pointer;
}
/*MORA
Este estilo es para las celdas que deben ir remarcadas
*/
td.remarcada{
	font-family:Tahoma;
	font-size:11px;
	background-color: #ecd8e5;	
	border-color:#8A8A8B;
	border-width:0px;
	border-style:solid;
	height:25px;
}

td.remarcadaLeft{
	font-family:Tahoma;
	font-size:11px;
	background-color: #ecd8e5;	
	/*border-color:#8A8A8B;
	border-width:0px;
	border-style:solid;*/
	height:25px;
	text-align:left;
}
td.remarcadaR{
	font-family:Tahoma;
	font-size:11px;
	background-color: #ecd8e5;	
	height:25px;
	text-align:right;
}

td.referencia_no_remarcadaR{
	text-align:right;
	font-family:Tahoma;
	font-size:11px;
	border-color:#8A8A8B;
	border-width:1px;
	border-style:solid;
	height:25px;
	padding-right:4px;
}

td.no_remarcada{
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
	height:25px;
}

td.no_remarcadaR{
	text-align:right;
	font-family:Tahoma;
	font-size:11px;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
	height:25px;
}
 
/*vinculo para las celdas mas representativas*/
td.td_celda{
border-left-style:solid;
border-left-width:1px;
border-left-color:#8A8A8B ;
font-size:11px;
border-right-width:1px;
border-right-style:none;
border-right-color:#8A8A8B;
}

/*Estilo de celda utilizado para poner en azul al precio mas pequeño */
td.td_colorazul {
color:#0000FF;
}

/*Estilo de celda utilizado para poner en azul al precio mas grande */
td.td_colorrojo {
color:#FF0000;
}

td.td_bordeSupInf{
border-top-style:solid;
border-top-width:1px;
border-top-color:#8A8A8B ;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#8A8A8B ;
font-size:11px;
border-right-width:1px;
border-right-style:none;
border-right-color:#8A8A8B;
border-left-width:1px;
border-left-style:none;
border-left-color:#8A8A8B;
}
/*#################  FIN ESTILOS BASE a los formularios #################################*/

/*****************************/
/* ESTILOS TABLA REFERENCIAS */
/*****************************/

.icono-orden {
	vertical-align:inherit;
}

td.referencias-primera {
	text-align:left;
	font-family:Tahoma;
	height:25px;
	padding-left:4px;
	font-size:11px;
	border:1px solid #8A8A8B;
	border-top:0px;
	vertical-align:top;
	background-color:white;
}

td.referencias-primera-sin_input {
	text-align:left;
	font-family:Tahoma;
	height:25px;
	padding-left:4px;
	font-size:11px;
	border:1px solid #8A8A8B;
	border-top:0px;
	vertical-align:top;
	background-color:white;
	padding-top:5px;
}

td.referencias-primera-checkbox {
	border-bottom: 1px solid #8A8A8B;
	border-right: 1px solid #8A8A8B;
	border-left:1px solid #8A8A8B;
	vertical-align:top;
	padding-top:3px;
}

td.referencias-primera-edicion {
	text-align:left;
	font-family:Tahoma;
	height:25px;
	padding-left:4px;
	font-size:11px;
	border:1px solid #8A8A8B;
	border-top:0px;
	vertical-align:top;
	background-color:#ecd8e5;
}

td.referencias-checkbox {
	text-align:center;
	border-color:#8A8A8B;
	border-width:1px;
	border-style:solid;
	border-top:0px;
	border-left:0px;
	vertical-align:top;
	padding-top:3px;
}

td.referencias {
	text-align:left;
	font-family:Tahoma;
	height:25px;
	padding-left:4px;
	font-size:11px;
	border-color:#8A8A8B;
	border-width:1px;
	border-style:solid;
	border-top:0px;
	border-left:0px;
	vertical-align:top;
	background-color:white;
}

td.referencias-eliminar {
	text-align:left;
	font-family:Tahoma;
	height:25px;
	padding-left:4px;
	padding-top:4px;
	font-size:11px;
	border:0px solid;
	vertical-align:top;
	background-color:white;
}

td.referencias-sin_input {
	text-align:left;
	font-family:Tahoma;
	/*height:25px;*/
	padding-left:4px;
	font-size:11px;
	border-color:#8A8A8B;
	border-width:1px;
	border-style:solid;
	border-top:0px;
	border-left:0px;
	vertical-align:top;
	background-color:white;
	padding-top:5px;
	padding-bottom:6px;
}

td.referencias-sin_input-numeric {
	text-align:left;
	font-family:Tahoma;
	text-align:right;
	height:25px;
	padding-right:4px;
	font-size:11px;
	border-color:#8A8A8B;
	border-width:1px;
	border-style:solid;
	border-top:0px;
	border-left:0px;
	vertical-align:top;
	background-color:white;
	padding-top:5px;
	padding-bottom:6px;
}

td.referencias-edicion {
	text-align:left;
	font-family:Tahoma;
	height:25px;
	padding-left:4px;
	font-size:11px;
	border-color:#8A8A8B;
	border-width:1px;
	border-style:solid;
	border-top:0px;
	border-left:0px;
	vertical-align:top;
	background-color:#ecd8e5;
}

input.referencias {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	width:99%;
	background-color:white;
}

input.referencias-keko {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	text-align:left;
	width:86%;
	background-color:white;
}

input.referencias-keko-edicion {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	text-align:left;
	width:86%;
	background-color:#ecd8e5;
}

img.referencias-keko {
	vertical-align:bottom; 
	padding-right:2px; 
}

input.referencias-edicion {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	width:100%;
	background-color:#ecd8e5;
}

input.referencias-entero, input.referencias-comision {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	text-align:right;
	width:96%;
	background-color:white;
}

input.referencias-entero-edicion, input.referencias-comision-edicion {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	text-align:right;
	width:96%;
	background-color:#ecd8e5;
}

input.referencias-precio {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	text-align:right;
	width:84%;
	background-color:white;
}

input.referencias-precio-edicion {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	text-align:right;
	width:84%;
	background-color:#ecd8e5;
}

input.referencias-fecha-edicion {
    font-family: Tahoma;
    font-size: 11px;
    border-style: none;
    margin-top: 4px;
	margin-right: 2%;
    text-align: right;
    width: 85%;
    background-color: #ecd8e5;
}

input.referencias-fecha {
    font-family: Tahoma;
    font-size: 11px;
    border-style: none;
    margin-top: 4px;
    text-align: right;
    width: 96%;
    background-color: white;
}

input.referencias-iva {
    font-family: Tahoma;
    font-size: 11px;
    border-style: none;
    margin-top: 4px;
    text-align: right;
    width: 96%;
    background-color: white;
}

input.referencias-moneda {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	width:10%;
	text-align:center;
	background-color:white;
}

input.referencias-moneda-edicion {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	width:10%;
	text-align:center;
	background-color:#ecd8e5;
}

/*
input.referencias-fecha {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	text-align:center;
	width:95%;
	background-color:white;
}
*/

/*
input.referencias-fecha-edicion {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	margin-top:4px;
	text-align:right;
	width:70%;
	background-color:#ecd8e5;
}
*/

img.referencias-fecha-edicion {
	cursor:pointer;
	vertical-align:bottom;
}

textarea.referencias{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	width:99%;
	margin-top:5px;
	background-color:white;
}

textarea.referencias-edicion{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	width:99%;
	margin-top:5px;
	background-color:#ecd8e5;
}

/*****************************/

td.referencia_no_remarcada{
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	border-color:#8A8A8B;
	border-width:1px;
	border-style:solid;
	height:25px;
	padding-left:4px;
}

td.remarcadaCelda{
	font-family:Tahoma;
	font-size:11px;
	background-color:#ecd8e5;	
	border-color:#8A8A8B;
	border-width:1px;
	border-style:solid;
	height:25px;
	padding-left:4px;
}

input.edicion_celda{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	background-color:#ecd8e5;
	width:99%;
}

input.no_edicion{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	background-color:#FFFFFF;
	width:100%;
}

input.edicion{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	background-color:#ecd8e5;
    width:98%;
	padding-left:3px;
	/*margin-left:3px;*/
}

input.edicion-autocomplete {
    background-color: #ecd8e5;
    border: 2px solid #ecd8e5;
    font-family: Tahoma;
    font-size: 11px;
    padding-left: 3px;
}

input.edicion2{
	font-family: Tahoma;
	font-size: 11px;
	background-color:#ecd8e5;
	padding-left:3px;
	/*margin-left:3px;*/
}

input.edicion3{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
    width:94%;
	margin-left:3px;
}

textarea.edicion2{
	font-family: Tahoma;
	font-size: 11px;
	background-color:#ecd8e5;
	padding-left:3px;
}

input.no_edicion_readonly{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	background-color:#B6B6B6;
	width:100%;
}

input.off{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	background-color:#C0C0C0;
	width:100%;	
	margin-left:3px;
}

/* Estilo para que el cuadro de texto no tenga bordes ni relieve */
input.sinborde {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	/*vertical-align:top;*/
	vertical-align:middle;
}
/*este es para los pequeños input de la calificacion interna de los proveedores*/
input.edicion_mini{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	background-color:#ecd8e5;
	width:22px;
	text-align:center
}

textarea.edicion{
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	background-color:#ecd8e5;
	width:99%;
	margin-left:4px;
}

textarea.no_edicion {
	font-family: Tahoma;
	font-size: 11px;
	border-style:none;
	width:100%;
	background:none;
}

input.form_radio{
	border-style:none;
	border-color:#8A8A8B;
	border-width:0px;	
}

input.catalogoselec{
	font-family: Tahoma;
	font-size: 11px;
	border-spacing:0;
	border-style:none;
	background-image:url(../modulos/catalogo/imagenes/fondo.gif);
	cursor:pointer;	 	
}

input.catalogo{
	font-family: Tahoma;
	font-size: 11px;
	border-spacing:0;
	border-style:none;
	cursor:pointer;		
}

input.form_boton{
	font-family: Tahoma;
	font-size: 11px;
	padding-left:5px;
	color:#9d1872;
	cursor:pointer;
	border:1px #9d1872;
	border-style:outset;
	height:18px;
	vertical-align:middle;
	background-position:left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:100px;
	
	/*background:#E3E1E2;*/
	/*color:#6b104e;*/
	/*border: 1px  #6b104e;*/
	/*border-style:solid;*/
}

input.form_boton2{
	font-family: Tahoma;
	font-size: 11px;
	text-align:center;
	color:#FFFFFF;
	cursor:pointer;
	border:1px #9d1872;
	border-style:outset;
	height:18px;
	vertical-align:middle;
	background-color:#9d1872;
	vertical-align:inherit;
}

/*estilo para los input file*/
input.file{
	font-family: Tahoma;
	font-size: 11px;
	background:#ecd8e5;
	border-spacing:0;
	border-style:none;
	
}
/* estilo aplicado a los botones con la etiqueta html <button> */

select.select_estilo{
	font-family: Tahoma;
	font-size: 11px;
	background:#E3E1E2;
	color:#6b104e;
}
/*
select{
	font-family: Tahoma;
	font-size: 11px;
	background-color: #ecd8e5;
	border: 1px solid #000000;
}
*/
select.select_blanco{
	font-family: Tahoma;
	font-size: 11px;
	background-color: #ffffff;
	border: 1px solid #000000;
}


/* estilo para los titulos de cada paso en los formularios*/
.form_pasos{
	color:#9d1872; 
	font-family:Tahoma; 
	font-size:11px
}

/*estilo aplicado a  los cajetines de texto donde se permita introducir datos, sean editables*/
.text_editable{
border: 1px  #8A8A8B;
border-style:solid;
background:#EDEDED;
color:#ff0000;
}
.text_normal{
border: 1px  #8A8A8B;
border-style:solid;
color:#000000;
}
.text_normal_inicio{
border: 1px  #8A8A8B;
border-style:solid;
background-image:url(img/fondo_form.gif);
/*color:#000000;*/
color:#333333;
width:250px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++ ESTILOS ESPECIFICOS SIGCE vinculos y etiquetas ancla ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* para q el numero de la paginacion no salga con subrayado */
a.numero_paginacion 
{
font-size:12px;
text-decoration:none;
text-align:right;
color:#9d1872;
font-family:Tahoma;
}
span.numero_paginacion 
{
font-size:12px;
font-weight:bold;
text-decoration:none;
text-align:right;
color:#9d1872;
font-family:Tahoma;
}
/*enlaces q hay en las cabeceras de las tablas generalmente para ordenar por ese campo el contenido*/
a.table_enlaces_sinclickear{
text-decoration:none;
color:#FFFFFF;
}
/* igual q el anterior pero una vez q se ha hecho click sobre el enlace*/
a.table_enlaces_clickeado{
text-decoration:underline;
color:#FFFFFF;
}
/* enlace q van sobra las tablas, para irnos a otra pagina o para funciones auxiliares*/
a.enlace_sobre_tabla{
font-family:Tahoma;
font-size:11px;
text-decoration:none;
color:#9d1872;
}
/* idem al de arriba pero una vez clickeado, obsevese q si es un enlace a otra pagina no sive de nada*/
a.enlace_sobre_tabla_clickeado{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#9d1872;
text-decoration:none;
}
/* Este estilo se utiliza para los formularios por pasos*/
a.form_pasos_sinseleccionar{
font-family:Tahoma;
font-size:11px;
text-decoration:none;
color:#9d1872;
cursor:pointer;
}
/* idem al de arriba pero una vez clickeado, obsevese q si es un enlace a otra pagina no sive de nada*/
a.form_pasos_seleccionado{
font-family:Tahoma;
font-size:11px;
color:#6b104e;
text-decoration:none;
font-weight:bold;
}
/* Estilo para el simbolo admiracion en las operaciones. Vale para las ofertas que no ponen precio a todos los productos. */
a.admiracion {
	font-size: 11px;
	color:#ff0000
}
/*MORA
Este estilo es para las divisiones entre los pasos o entre las letras de ordenacion de tablas ("|")*/
td.separador{
font-family:Tahoma;
font-size:11px;
color:#9d1872;
text-align:center;
}
/*enlace de descarga de un archivo*/
a.enlace_archivo{
text-decoration:none;
font-weight:bold;
color:#FF0000;
cursor:pointer;

}
/* vinculo convencional */
a.vinculos{
font-size:11px;
text-decoration:none;
color:#9d1872;
cursor:pointer;
}
.vinculos{
font-size:11px;
text-decoration:none;
color:#9d1872;
cursor:pointer;
}
a.enlace_negro{
font-size:11px;
text-decoration:none;
color:#000000;
cursor:pointer;
}
a.enlace_negro:visited{
font-size:11px;
text-decoration:none;
color:#000000;
cursor:pointer;
}


.titulo
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color: #9d1872;
text-align:left;
text-decoration:none;
}
/*##############################################     ESTILO MENU DINAMICO        ###################################################*/
/*ESTILOS PARA FONDOS DE CELDAS Y TABLAS*/
.fondoRojo
{
background-color:#6b104e;
}
.fondoGris
{
background-color:#E1E1E1;
}
.fondoVos
{
background-color:#9d1872;
}
.fondoVcl
{
background-color:#3CB4B4;
}


.letraRoja
{
font-family:"Arial";
font-weight:bold;
font-size:10px;
color:#6b104e;
}

/*ESTILOS PARA LAS DIFERENTES PESTAÑAS*/
/*Pestaña Ayuda*/
.pestana_ayuda
{
background-color:#6b104e;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
}
/*Pestaña del Menu principal seleccionada (verde oscuro)*/
.pestana_menu_oscura
{
background-color:#9d1872;
cursor:pointer;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

/*Pestaña del Menu principal desseleccionada (verde claro)*/
.pestana_menu_clara
{
background-color:#9BA1A4;
cursor:pointer;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

/*Pestaña del submenu seleccionada (blanco) cuando el fondo es verde oscuro*/
.pestana_submenu_seleccV
{
background-color:#FFFFFF;
cursor:pointer;
font-family:Arial;
font-size:10px;
font-weight:bold;
color:#9d1872;
}
/*Pestaña del submenu seleccionada (blanco) cuando el fondo es rojo*/
.pestana_submenu_seleccR
{
background-color:#FFFFFF;
cursor:pointer;
font-family:Arial;
font-size:10px;
font-weight:bold;
color:#6b104e;
}
/*Pestaña del submenu deseleccionada cuando el fondo es Verde*/
.pestana_submenu_deselecV
{
background-color:#9d1872;
cursor:pointer;
font-family:Arial;
font-size:10px;
font-weight:bold;
color:#ffffff;
}
/*Pestaña del submenu deseleccionada cuando el fondo es Rojo*/
.pestana_submenu_deselecR
{
background-color:#6b104e;
cursor:pointer;
font-family:Arial;
font-size:10px;
font-weight:bold;
color:#ffffff;
}

/*ESTILOS DE LOS DIFERENTES ENLACES*/
.enlaceVerTodo
{
color:#6b104e;
text-decoration:none;
}

/*Para poner el "Ver Todo" en verde, como el ojo. */
.enlaceVerTodoVerde
{
text-decoration:none;
color:#177474;
}
.enlaceCierre
{
color:#6b104e;
text-decoration:none;
}
.enlaces_pestanas_menu
{
color:#FFFFFF;
text-decoration:none;
}
.enlaces_submenu_selecR
{
color:#6b104e;
text-decoration:none;
}
.enlaces_submenu_selecV
{
color:#9d1872;
text-decoration:none;
}
tr.ocultar
{
	display:none;
}
td.ocultar
{
	display:none;
}
.asterisco {color: #FF0000}

/*Fila que contiene las cabeceras de las columnas
debe ser igual que td.cabecera*/
tr.cabecera{
	background-color: #606060;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height:24px;
}

tr.cabecera_busq{
	background-color: #8A8A8B;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

span.enlace_celda{
font-family:Tahoma;
font-size:11px;
color:#9d1872;
cursor:pointer;
}

span.enlace_celda:hover
{
text-decoration:underline;
}

td.celda{
font-family:Tahoma;
font-size:11px;
color:#9d1872;
}

select.edicion{
	font-family: Tahoma;
	font-size: 11px;
	background:#ecd8e5;
	color:#000000;
	/*border:0px solid #999999;*/
}

.ruta
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	/*font-weight:bold; */
	color:#0099CC;
	text-decoration:none;
	text-align:center;
}

A.ruta
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	/*font-weight:bold; */
	color:#9d1872;
	text-decoration:none;
	text-align:center;
}

A.ruta:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	/*font-weight:bold; */
	color:#9d1872;
	text-decoration:underline;
}

td.blanco
{
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

tr.fila{
	font-family:Tahoma;
	background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
	text-align:left;
	height:23px;
}

tr.fila_listado{
	font-family:Tahoma;
	background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
	text-align:left;
	height:23px;
}
tr.fila_listado td:first-child {
	white-space: nowrap;
	padding-right: 0.25rem;
}

tr.fila_listado:hover
{
	background-color:#ecd8e5;
}

tr.fila_listado_busq{
font-family:Tahoma;
background-color:#FFFFFF;
color:#000000;
font-size:11px;
text-align:left;
}

td.celda_final_icono{
	background-color:white;
	width:5px;
}

A.enlace_celda{
font-family:Tahoma;
font-size:11px;
color:#9d1872;
cursor:pointer;
text-decoration:none;
}

A.enlace_celda:hover
{
text-decoration:underline;
}


A.seccion_mapa{
font-family:Tahoma;
font-size:12px;
color:#9d1872;
text-decoration:underline;
}

A.seccion_mapa:hover{
font-family:Tahoma;
font-size:12px;
color:#9d1872;
text-decoration:underline;
}

A.subseccion_mapa{
font-family:Tahoma;
font-size:10px;
color:#9d1872;
text-decoration:none;
}

A.subseccion_mapa:hover{
font-family:Tahoma;
font-size:10px;
color:#9d1872;
text-decoration:none;
}

A.usuario
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-weight:bold; */
	color:#990000; 
	text-decoration:underline;
	text-align:center;
}

A.usuario:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-weight:bold; */
	color:#9d1872;
	text-decoration:none;
}

TD.celda_iconos
{
	text-align:left;
	/*width:45px;*/
	width:30px;
}

TD.espacio_iconos
{
	border-left:1px solid #9d1872;
	/*width:20px;*/
	width:10px;
}

A.elemento_catalogo
{
	font-family:Tahoma;
	font-size:11px;
	color:#9d1872;
	background-color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

A.elemento_catalogo:hover
{
	font-family:Tahoma;
	font-size:11px;
	color:#FFFFFF;
	background-color:#9d1872;
	cursor:pointer;
	text-decoration:none;
}

A.elemento_catalogo_sel
{
	font-family:Tahoma;
	font-size:11px;
	color:#FFFFFF;
	background-color:#9d1872;
	cursor:pointer;
	text-decoration:none;
}

img.paginar
{
	border:0px;
	vertical-align:bottom;
}

/* Estilos combo autocompletado */
div.autocomplete {
position:absolute;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  height:200px;
  float:left;
  overflow-y:scroll;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
  text-align:left;
}

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
} 

pre.texto{
	font-family:Tahoma;
	font-size:11px;
	margin:0px;
}

td.celdaInterior
{
	border-bottom: 1px solid #8A8A8B;
	border-right: 1px solid #8A8A8B;
	padding-left: 4px;
}

td.celdaInteriorConInput
{
	border-bottom: 1px solid #8A8A8B;
	border-right: 1px solid #8A8A8B;
}

tr.resaltar { 
  background-color:#008080; 
  cursor: pointer; 
}

.fondo-sombra {
	/* background-color: rgb(250, 250, 250); */
	background-color: rgb(235 235 235);
	opacity: 0.9;
	/* position:absolute; */
	position: fixed;
	left:0; 
	top:0; 
	width:100%;
	height:100%;
	z-index:10; 
	text-align:center;
}
.capa-cargando {
	/* position:absolute; */
	position: fixed;
	float:inherit;
	-moz-border-radius: 1em; /* Mozilla */
	-ms-border-radius: 1px; /* Internet Explorer 8: aun no funciona */
	-webkit-border-radius: 1em; /* WebKit y Safari */
	border-radius: 1em; /* Para cuando se cumplan los estandares */ 
	background:#FFF;
	text-align:center;
	width:300px; 
	height:100px; 
	opacity:1;
	z-index:20;
	/* Centrar capa */
	left:50%;
	top:50%;
	margin-top: -100px;
	margin-left: -150px;
	/* --- */
}

.celda_adjuntos{
	border-bottom:1px solid #CCCCCC;
	height:25px;
}

.tachado {
	text-decoration:line-through;
}
/*##############################################     ESTILO ESCRITORIO        ###################################################*/
/*ESTILOS PARA APARTADO DE ACTIVIDADES PENDIENTES*/
#portlet-calendario .ui-tabs-panel a { 
	display: inline-block;
	margin-bottom: 4px;
    max-width: 96%;
    vertical-align: top;
}
/* --- */

/* --- salarcon --- */
@keyframes loop {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
#loading {
	display: flex;
    flex-direction: column;
    justify-content: center;
	
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#loading .loading-spin {
	transform-origin: center;
	animation: loop 1s infinite linear;
	
	height: 50px;
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#loading .loading-spin .cls-1 {
	fill: #9d1872;
}

#loading .loading-spin .cls-2 {
	fill: none;
}