/* UTF-8 sin BOM (€ÁÑ) */

/*
 * Estilos básicos comunes
 */
body, table, th, td,
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd,
label, select, option,
form{
	margin: 0;
	padding: 0;
}
table, th, td,
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd,
label, input, button, select, option{
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	min-width: 997px;
	color: #707070;
	background-color: white;
	font-size: 9pt;
}
img{
	border-width: 0;
}


/*
 * Mensajes informativos
 */
div.error, div.aviso{
	width: 50%;
	margin: 10px auto;
	padding: 3px 20px;
	border-width: 0 0 0 15px;
	border-style: solid;
}
div.mensaje{
	margin: 10px;
	padding: 3px 20px;
	border-width: 0 0 0 15px;
	border-style: solid;
}
div.error, div.error ul li,
div.aviso, div.aviso ul li,
div.mensaje, div.mensaje ul li{
	font-family: Verdana, Helvetica, sans-serif !important;
	font-size: 8pt;
	line-height: 1.5;
}
div.error ul, div.aviso ul{
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: square;
}
div.error ul li, div.aviso ul li{
	margin: 0;
	padding: 0;
}
div.error ul li ul, div.aviso ul li ul{
	margin-left: 30px;
}

/* Errores */
div.error{
	background-color: #F1F2F1;
	border-color: #800000;
}
div.error, div.error ul li{
	color: #800000;
}
div.error kbd{
	padding: 4px 3px 2px 3px;
	color: white;
	background-color: #9D9D9D;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #ADADAD #828282 #828282 #ADADAD;
	border-radius: 4px;
	font-family: "Lucida Console", monospace;
}

/* Avisos */
div.aviso{
	background-color: #F1F2F1;
	border-color: #243B7F;
}
div.aviso, div.aviso ul li, div.aviso p, div.aviso a{
	color: #243B7F;
}
div.aviso a:hover{
	color: white;
	background-color: #243B7F;
	text-decoration: none;
}

/* Mensajes */
div.mensaje{
	background-color: #F1F2F1;
	border-color: #243B7F;
	color: #243B7F;
}


/*
 * Clases generales
 */
#ppal .oculto{
	display: none;
}
#ppal .cols{
	overflow: hidden;
}
#ppal .cols .col{
	float: left;
}

/* Prevenimos problemas de impresión en Firefox (los elementos se insertan dinámicamente con JavaScript) */
.clear{
	display: block !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: both !important;
}

.pointer {
    cursor: pointer;
}


/*
 * Contenido general
 */
#ppal{
	min-height: 300px;
}
#ppal h1{
	margin: 8px 50px 2px 0;
	color: #F1F2F1;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 80px;
	line-height: 45px;
	overflow: hidden;
	text-align: right;
}
#ppal h2{
	margin: 10px 50px 2px 50px;
	color: #C5C5C5;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 25px;
	overflow: hidden;
	text-align: left;
}
#ppal h1+h2{
	margin-top: -32px;
}
#ppal p{
	margin: 10px;
}
#ppal h2+p{
	text-indent: 41px;
}
#ppal ul, #ppal p+table{
	margin-left: 50px;
}
#ppal p a, #ppal ul a{
	color: #707070;
}
#ppal p a:hover, #ppal ul a:hover{
	font-weight: bold;
}


div.titulo-impresion{
	display: none;
}


del[title]{
	cursor: help;
}


/* Iconos en listas */
#ppal ul a img{
	vertical-align: -4px;
}


/* Pequeña etiqueta con sendas flechas a izquierda y derecha (y versión con sólo una flecha a la derecha) */
#ppal .etiqueta-izq-der{
	display: inline-block;
	max-width: 980px;
	height: 20px;
	margin: 0 10px;
	padding: 0 18px 0 0;
	background: #F2F2F2 url(../css-img/etiqueta-izq-der.png) right top no-repeat;
}
#ppal .etiqueta-izq-der div{
	padding: 0 0 0 18px;
	background: #F2F2F2 url(../css-img/etiqueta-izq-der.png) left top no-repeat;
}
#ppal .etiqueta-der{
	display: inline-block;
	max-width: 980px;
	height: 20px;
	margin: 0 10px;
	padding: 0 18px;
	background: #F2F2F2 url(../css-img/etiqueta-izq-der.png) right top no-repeat;
	border-radius: 10px 0 0 10px;
}
#ppal .etiqueta-izq-der div, #ppal .etiqueta-der div{
	height: 20px;
	line-height: 20px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	text-transform: uppercase;
	color: #949494;
}


/*
 * Imágenes ilustrativas
 */
#ppal .foto{
	margin: 0 10px 10px 10px;
	border: 1px solid #CECECE;
	padding: 10px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
}
#ppal .foto.izq{
	float: left;
	margin-left: 0;
}
#ppal .foto.der{
	float: right;
	margin-right: 0;
}
#ppal .foto.cen{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*
 * Pestañas
 */
#ppal .pestana-activa, #ppal .pestana-inactiva,
#ppal .pestana-inv-activa, #ppal .pestana-inv-inactiva{
	display: inline-block;
	margin: 0 1px;
	padding: 0 20px 0 0;
	background: white none right top no-repeat;
	font-family: Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 7pt;
}
#ppal .pestana-activa, #ppal .pestana-inv-activa{
	font-weight: bold;
	color: #686868;
}
#ppal .pestana-inactiva, #ppal .pestana-inv-inactiva{
	color: #B0B0B0;
}
#ppal .pestana-activa{
	background-image: url(../css-img/pestana-activa.png);
}
#ppal .pestana-inactiva{
	background-image: url(../css-img/pestana-inactiva.png);
}
#ppal .pestana-inv-activa{
	background-image: url(../css-img/pestana-inv-activa.png);
}
#ppal .pestana-inv-inactiva{
	background-image: url(../css-img/pestana-inv-inactiva.png);
}
#ppal .pestana-activa span, #ppal .pestana-inactiva span,
#ppal .pestana-inv-activa span, #ppal .pestana-inv-inactiva span{
	display: inline-block;
	padding: 0 0 0 20px;
	background: white none left top no-repeat;
	max-width: 960px;
	height: 20px;
	line-height: 22px;
}
#ppal .pestana-activa span{
	background-image: url(../css-img/pestana-activa.png);
}
#ppal .pestana-inactiva span{
	background-image: url(../css-img/pestana-inactiva.png);
}
#ppal .pestana-inv-activa span{
	background-image: url(../css-img/pestana-inv-activa.png);
}
#ppal .pestana-inv-inactiva span{
	background-image: url(../css-img/pestana-inv-inactiva.png);
}

#ppal .pestana-inactiva:hover, #ppal .pestana-inv-inactiva:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
}


/*
 * Tablas de datos
 */
#ppal div.datos{
	margin: 5px 10px 20px 10px;
}
#ppal div.datos .pre{
	text-align: right;
	white-space: nowrap;
}
#ppal div.datos .pre .grupo{
	display: inline-block;
	margin-left: 20px;
}
#ppal div.datos .post{
	text-align: left;
}

table.datos{
	/*width: 100%;*/
	margin: 0 1px;
	border-collapse: collapse;
	border: 1px solid #B8B8B8;
}
table.datos a{
	text-decoration: none !important;
}
table.datos:hover a{
	text-decoration: underline !important;
}

/* Encabezados de columnas */
table.datos thead th, .tablesorter-default thead .sorter-false{
	padding: 6px 1px 4px 1px;
	border: 1px solid #B8B8B8;
	vertical-align: bottom;
	text-align: center;
	color: #828282;
	background: white url(../css-img/listado-th.png) left top repeat-x;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 7pt;
	line-height: 1 !important;
}
table.datos thead th a{
	display: block;
	padding: 2px 3px;
	color: #828282 !important;
}
table.datos thead th a:hover{
	color: white !important;
	background-color: #9D9D9D !important;
	text-decoration: none !important;
}

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

/* Fila vacía para evitar un <tbody> vacío (que no sería HTML válido) */
table.datos tbody tr.fila-vacia td{
	text-align: center;
	font-style: italic;
	text-transform: lowercase;
}

/* Cuerpo de los datos */
table.datos tbody td, table.datos tfoot td{
	padding: 3px 2px 3px 2px;
	vertical-align: middle;
	text-align: left;
	border-left: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
	color: #7B7B7B;
	background-color: white;
	font-size: 8pt;
	line-height: 1.25;
}
table.datos tbody tr.odd td{ /* Impar */
	background-color: #E4E4E4;
}
table.datos tbody td a{
	color: #868686 !important;
}
table.datos tbody td a:hover{
	color: #2B2B2B !important;
}

/* Pseudo-enlaces con AJAX */
table.datos .enlace-ajax{
	border-bottom: 1px dashed #C6C6C6 !important;
	cursor: pointer;
}
table.datos .enlace-ajax:hover{
	border-bottom-color: #727272 !important;
}


/* Valores resaltados */
table.datos td.neg{
	white-space: nowrap; /* IE puede dividir la cifra por el signo menos */
	color: #F60029;
}
div.seguimiento-top table.listado td.neg{
	white-space: nowrap; /* IE puede dividir la cifra por el signo menos */
	color: #F60029;
}
div.seguimiento-top table.listado td.sin-datos{
	padding-left: 20px;
	background-image: url(../img/icono-atencion.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
}
table.datos td.null{
	color: #F6F6F6;
}
table.datos td.res{
	font-weight: bold;
}
table.datos td.azul{
    white-space: nowrap; /* IE puede dividir la cifra por el signo menos */
    color: #243B7F;
}
span.neg {
	color: #F60029;
}
span.pos {
	color: green;
}

/* Valores *muy* resaltados */
table.datos tbody td.muy-res, table.datos tfoot td.muy-res{
	background-image: linear-gradient(90deg, rgba(32, 45, 94, .35), rgba(32, 45, 94, .1) 15px);
}


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

/* Elementos para los que queremos enfatizar que no hay datos o que requieren atención */
table.datos tbody tr td.sin-datos, table.datos tbody tr td.alerta{
	padding-left: 20px;
	background-image: url(../img/icono-atencion.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
}
table.datos tbody tr td.alerta[title]{
	cursor: help;
}

/* Resto */
table.datos tbody tr.resto-total td{
	font-style: italic;
	background-color: #F2F2F2;
}
table.datos tbody tr.resto-elemento{
	display: none;
}

/* Total */
table.datos tfoot tr.total td{
	font-weight: bold;
	color: #5F5F5F;
	background-color: #D0D0D0;
}
table.datos tfoot tr.total td.neg{
	color: #F60029;
}
table.datos tfoot tr.total td.null{
	color: #F6F6F6;
}
table.datos tfoot tr.total td.res{
	font-weight: bold;
}

table.datos tfoot tr.evolucion{
	border-top: 15px solid white;
}

/* Hacemos más evidente que hay un tooltip */
table.datos tfoot tr.total td[title]{
	cursor: help;
}

/* Iconos de navegación */
table.datos tbody td.acciones{
	white-space: nowrap;
}


/* Pie de tabla */

table.datos tfoot th{
	text-align: left;
	vertical-align: top;
	padding: 4px 20px 0 20px;
	color: #4D4D4D;
	background: white url(../css-img/listado-th.png) left top repeat-x;
	border-top: 1px solid #B8B8B8;
	font-weight: normal;
}
table.datos tfoot th a{
	color: #4D4D4D !important;
}
table.datos tfoot th a:hover{
	color: #E5E5E5 !important;
	background-color: #2B2B2B !important;
	text-decoration: none !important;
}


/*
 * Estilos para tablesorter
 */
.tablesorter-default .header,
.tablesorter-default .tablesorter-header{
	background: white url(../css-img/listado-th-tablesorter.png) right top no-repeat;
	cursor: pointer;
	padding-right: 11px;
	white-space: normal;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc{
	background-image: url(../css-img/listado-th-tablesorter-asc.png);
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc{
	background-image: url(../css-img/listado-th-tablesorter-desc.png);
}

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

.tablesorter-default .sorter-false{
	cursor: text;
}


/*
 * Herramientas de tablas
 */
#ppal div.datos ul.herramientas-tabla{
	display: block;
	margin: 0;
	padding: 0;
}
#ppal div.datos ul.herramientas-tabla li{
	margin: 0;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
}
#ppal div.datos ul.herramientas-tabla li.seleccionar-tabla{
	width: 16px;
	height: 16px;
	overflow: hidden;
	background: white url(../img/icono-seleccionar-tabla.png) 5px 5px no-repeat;
}
#ppal div.datos ul.herramientas-tabla{
	opacity: 0.5; filter: alpha(Opacity=5);
}
#ppal div.datos:hover ul.herramientas-tabla{
	opacity: 1; filter: alpha(Opacity=100);
}


/*
 * Pequeña nota informativa al pie de las tablas de datos
 */
p.nota{
	color: #7B7B7B;
	font-size: 8pt;
	font-style: italic;
}
#ppal div.datos + p.nota{
	margin-top: -17px;
	margin-bottom: 0;
}


/*
 * Listados de datos
 */
table.listado{
	margin: 5px 10px 20px 10px;
	border-collapse: collapse;
	border: 1px solid #B8B8B8;
}
.seguimiento-top table.listado{
	width: 100%;
}
.seguimiento-top table.listado {
	margin: 0px;
}
.seguimiento-top table td:not(.total){
	font-size: 8pt !important;
	line-height: 1 !important;
	padding: 1px 4px 1px 4px !important;
	height: 16px;
}
.unidades-top-js {
	display: none;
}
.oculto {
	display: none;
}
table.listado a{
	text-decoration: none !important;
}
table.listado:hover a{
	text-decoration: underline !important;
}

/* Encabezados de columnas */
table.listado thead th{
	padding: 6px 4px 4px 4px;
	border: 1px solid #B8B8B8;
	vertical-align: bottom;
	text-align: center;
	color: #828282;
	background: white url(../css-img/listado-th.png) left top repeat-x;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 7pt;
	line-height: 1 !important;
}
.seguimiento-top table.listado thead th.info img {
	margin-left: 5px;
}
table.listado thead th a{
	display: block;
	padding: 2px 3px;
	color: #828282 !important;
}
table.listado thead th a:hover{
	color: white !important;
	background-color: #9D9D9D !important;
	text-decoration: none !important;
}
.seguimiento-top table.listado td.destacado2,
.seguimiento-top table.listado tfoot td.destacado2 {
	  background-color: #F8FABE;
	  border-bottom: solid 1px #F0F056;
}
.seguimiento-top table.listado tr:nth-child(2n+1) td.destacado2,
.seguimiento-top table.listado tfoot tr:nth-child(2n+1) td.destacado2{
	background-color: #FDFEE7;
	border-bottom: solid 1px #F0F056;
}
.seguimiento-top table.listado td.destacado3,
.seguimiento-top table.listado tfoot td.destacado3 {
	  background-color: #AEC9FF;
	  border-bottom: solid 1px #255B8E;
}
.seguimiento-top table.listado tr:nth-child(2n+1) td.destacado3,
.seguimiento-top table.listado tfoot tr:nth-child(2n+1) td.destacado3{
	background-color: #C3D6FD;
	border-bottom: solid 1px #255B8E;
}
.seguimiento-top table.listado td.destacado4,
.seguimiento-top table.listado tfoot td.destacado4 {
	  background-color: #D4F0D4;
	  border-bottom: solid 1px #7CD87C;
}
.seguimiento-top table.listado tr:nth-child(2n+1) td.destacado4,
.seguimiento-top table.listado tfoot tr:nth-child(2n+1) td.destacado4{
	background-color: #EDF8ED;
	border-bottom: solid 1px #7CD87C;
}
.seguimiento-top table.listado td.destacado5,
.seguimiento-top table.listado tfoot td.destacado5 {
	  background-color: #FCE4D8;
	  border-bottom: solid 1px #F1D0C0;
}
.seguimiento-top table.listado tr:nth-child(2n+1) td.destacado5,
.seguimiento-top table.listado tfoot tr:nth-child(2n+1) td.destacado5{
	background-color: #FFEFE7;
	border-bottom: solid 1px #F1D0C0;
}
.seguimiento-top table.listado td.valor_fijo {
	/* border-bottom: solid 2px #263d83 !important; */
	border-bottom: solid 2px #263d83 !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: 3px 4px 3px 4px;
	vertical-align: middle;
	text-align: left;
	border-left: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
	color: #7B7B7B;
	background-color: white;
	font-size: 9pt;
	line-height: 1.25;
}
table.listado tbody tr:nth-child(odd) td{ /* Impar */
	background-color: #E4E4E4;
}
table.listado tbody td a{
	color: #868686 !important;
}
table.listado tbody td a:hover{
	color: #2B2B2B !important;
}

/* Fila correspondiente al elemento recién modificado */
table.listado tbody tr.modificado td, table.listado tbody tr.modificado td a{
	background-color: #243B7F;
	color: white !important;
}
table.listado tbody tr.modificado td a:hover{
	color: #DADADA !important;
}

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

/* 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{
	padding-left: 2px !important;
	padding-right: 2px !important;
	width: 1%;
	font-size: 0;
	white-space: nowrap;
	padding: 0 9px;
	vertical-align: middle;
}
table.listado tbody td.acciones a:hover img{
	background-color: #2B2B2B !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;
}

table.listado tbody td.ancho_minimo{
	width: 1%;
}
table.listado tbody td.center{
	text-align: center;
}

/* Restamos visibilidad a algunas acciones */
table.listado tbody td.acciones.atenuado a img{
	opacity: 0.25;
}
table.listado tbody td.acciones.atenuado a:hover img{
	opacity: 1;
}

/* Datos que requieren atención */
table.listado tbody td.res{
	font-weight: bold;
}
table.listado tbody td.error{
	padding-left: 20px !important;
	background: transparent url(../img/icono-error.png?v=2) 2px 50% no-repeat;
}
table.listado tbody td.atencion{
	padding-left: 20px !important;
	background: transparent url(../img/icono-atencion.png) 2px 50% no-repeat;
}
table.listado td.f-baja {
	text-align: right !important;
	padding-left: 20px !important;
	background: transparent url(../img/flecha_roja.png) 2px 50% no-repeat;
}
table.listado td.f-sube {
	text-align: right !important;
	padding-left: 20px !important;
	background: transparent url(../img/flecha_verde.png) 2px 50% no-repeat;
}
table.listado td.f-mantiene {
	text-align: right !important;
	padding-left: 20px !important;
	background: transparent url(../img/flecha_naranja.png) 2px 50% no-repeat;
}
table.listado td.baja {
	text-align: right !important;
	padding-left: 20px !important;
	background: transparent url(../img/elipse_roja.png) 2px 50% no-repeat;
}
table.listado td.sube {
	text-align: right !important;
	padding-left: 20px !important;
	background: transparent url(../img/elipse_verde.png) 2px 50% no-repeat;
}
table.listado td.mantiene {
	text-align: right !important;
	padding-left: 20px !important;
	background: transparent url(../img/elipse_naranja.png) 2px 50% no-repeat;
}


/* Pie de tabla */

table.listado tfoot th{
	text-align: left;
	vertical-align: top;
	padding: 4px 20px 0 20px;
	color: #4D4D4D;
	background: white url(../css-img/listado-th.png) left top repeat-x;
	border-top: 1px solid #B8B8B8;
	font-weight: normal;
}
table.listado tfoot th a{
	color: #4D4D4D !important;
}
table.listado tfoot th a:hover{
	color: #E5E5E5 !important;
	background-color: #2B2B2B !important;
	text-decoration: none !important;
}

/* Paginador */
table.listado tfoot th.paginador{
	padding: 5px 10px 3px 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 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;
	font-weight: bold;
}
table.listado tr.totales td.resaltado {
	color: #263d83;
	border: solid 1px;
}
table.listado tr.totales td.primero{
	font-weight: bold;
	text-align: right;
}



/*
 * Formularios decorados (común)
 */
#ppal form.formulario{
	padding: 5px 10px 20px 10px;
}
#ppal table.formulario{
	margin: 20px auto;
	border-collapse: collapse;
	background-color: #F3F3F3;
}
#ppal table.formulario td a.limpiar-select {
	margin-right: 5px;
}
#ppal table.formulario td a.limpiar-select img {
	vertical-align: middle;
}
#ppal table.formulario td a.limpiar-filtros {
	text-align: right;
	padding: 5px 10px;
	font-size: 9px;
	border-radius: 10px;
	vertical-align: middle;
	border-width: 0;
	color: white;
	background-color: #9D9D9D;
	text-transform: uppercase;
	font-family: Verdana, Helvetica, sans-serif;
	color: #fff !important;
	line-height: 1.5;
}
#ppal table.formulario caption{
	padding: 4px 4px 4px 10px;
	background-color: #E1E1E1;
	color: #707070;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}
#ppal table.formulario th, #ppal table.formulario td{
	padding: 10px 5px;
}
#ppal table.formulario td.botones{
	text-align: right;
}
#ppal table.formulario td.botones input.reset{
	float: left;
}
#ppal table.formulario tr.titulo {
	background-color: #9D9D9D;
	color: #fff;
}


#ppal table.formulario td a{
	color: #7B7B7B;
	font-size: 8pt;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
}
#ppal table.formulario td a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


#ppal table.formulario ul{
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: square !important;
}
#ppal table.formulario ul li{
	margin: 0;
	padding: 0;
}
#ppal table.formulario .chosen-container-multi .chosen-choices li.search-choice {
	margin: 2px 5px 2px 0 !important;
	padding: 1px 20px 1px 5px !important;
}
#ppal table.formulario div.arbol{
	margin: 0 10px 0 0;
	padding: 5px;
	max-height: 300px;
	overflow: auto;
	background-color: #E6E6E6;
}
#ppal table.formulario div.arbol ul{
	margin: 0;
	padding: 0;
	list-style-type: none !important;
}
#ppal table.formulario div.arbol ul ul{
	margin: 0 0 10px 50px;
}

#ppal table.formulario .aplicar {
	cursor: pointer;
	background: #9D9D9D url(../../css-img/flecha.png) 91% 50% no-repeat;
	padding: 3px 24px 3px 7px;
	float: right;
}

#ppal table.formulario .aplicar-arriba {
	cursor: pointer;
	background: #255b8e url(../../css-img/flecha-arriba.png) 91% 50% no-repeat;
	padding: 3px 24px 3px 7px;
	float: right;
}
#ppal table.formulario .porcentaje-ponderacion-objetivo{
	color: #255b8e;
}

#ppal table.formulario .mas {
	cursor: pointer;
	background:url(../../css-img/mas.png) 91% 50% no-repeat;
	padding: 3px 12px;

}
#ppal table.formulario .valor-total-ventas{
	background-color: #fff;
	max-width: 90px !important;
	display: inline-block;
	border: solid 1px #e0e0e0;
	border-radius: 0.5rem;
	padding: 0.3rem 0.5rem;
}
#ppal table.formulario .valor-total-ventas:empty { display: none; }
#ppal table.formulario .descripcion-ventas {
	color: #255b8e;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	background:url(../../css-img/izquierda.png) 0% 50% no-repeat;
	padding-left: 10px;
}

#ppal label, #ppal input.text, #ppal input.file, #ppal select{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}
#ppal label{
	color: #707070;
}
#ppal input.text, #ppal input.file, #ppal select{
	padding: 2px 5px;
}
#ppal input.text, #ppal input.file, #ppal select{
	border: 1px solid #B8B8B8;
}
#ppal input.text, #ppal input.file, #ppal select, #ppal option{
	color: #666666;
	background-color: #FBFBFB;
}
#ppal input.text:hover, #ppal input.file:hover, #ppal select:hover{
	border-color: #666666;
}
#ppal input.text:focus, #ppal input.file:focus, #ppal select:focus{
	border-color: #666666;
}
#ppal input.text:focus, #ppal input.file:focus, #ppal select:focus, #ppal select:focus option{
	color: black;
	background-color: white;
}
#ppal optgroup{
	color: #999A98;
	font-style: normal;
}
#ppal optgroup option{
	margin-left: 20px;
}
#ppal input.checkbox, #ppal input.radio{
	vertical-align: middle;
}
#ppal input.submit, #ppal input.reset, #ppal input.button{
	padding: 3px 30px;
	border-width: 0;
	color: white;
	background-color: #9D9D9D;
	text-transform: uppercase;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}
#ppal input.submit:hover, #ppal input.reset:hover, #ppal input.button:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
}

/* Controles de sólo lectura */
#ppal input.readonly, #ppal input.readonly:hover, #ppal input.readonly:focus{
	color: #666666;
	background-color: #E1E1E1;
	border: 1px solid #B8B8B8;
}

#ppal table.formulario div.info{
	padding: 3px 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}



/*
 * Formularios decorados (buscador)
 */
#ppal form.buscador{
	margin: 0;
	padding: 0 0 1px 0;
	background: #F7F7F7 url(../css-img/buscador-linea-horizontal.gif) left bottom repeat-x;
}
#ppal form.buscador table.formulario{
	margin: 0;
	width: 100%;
	background: #F7F7F7 url(../css-img/buscador-linea-horizontal.gif) left top repeat-x;
}
#ppal form.buscador table.formulario td{
	padding: 5px 2px;
	font-size: 8pt;
	color: #707070;
	white-space: nowrap;
}
#ppal form.buscador table.formulario td:last-child{
	width: 99%;
}
#ppal form.buscador select{
	max-width: 150px;
}
#ppal form.buscador input.submit{
	padding: 3px 10px;
	font-size: 9px;
	border-radius: 10px;
	vertical-align: middle;
}
#ppal form.buscador a{
	color: #9D9D9D !important;
	text-transform: lowercase;
	text-decoration: none;
}
#ppal form.buscador a:hover{
	text-decoration: underline;
}

/* Enlaces secundarios del buscador */
#ppal form.buscador td.enlaces-secundarios{
	padding-right: 10px !important;
	padding-left: 10px !important;
	text-align: right;
}

#ppal table.enlace-pagina {
	margin: 0;
	background: url(../css-img/buscador-linea-horizontal.gif) left top repeat-x;
	width: 100%;
}
#ppal table.enlace-pagina tr{
	background: #F7F7F7 url(../css-img/buscador-linea-horizontal.gif) left bottom repeat-x;
}
#ppal table.enlace-pagina td{
	padding: 5px 2px;
	font-size: 8pt;
	color: #707070;
	white-space: nowrap;
}
#ppal table.enlace-pagina a{
	color: #9D9D9D !important;
	text-transform: lowercase;
	text-decoration: none;
}
#ppal table.enlace-pagina a:hover{
	text-decoration: underline;
}
/* Enlaces secundarios del buscador */
#ppal table.enlace-pagina td.enlaces-secundarios{
	padding-right: 10px !important;
	padding-left: 10px !important;
	text-align: right;
}


/*
 * Formularios decorados (selector del encabezado)
 */
#ppal form.selector{
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 140px;
}
body.solo-un-nivel-de-menu #ppal form.selector{
	top: 125px;
}
#ppal form.selector table.formulario{
	margin: 0 0 0 auto;
	background-color: transparent;
}
#ppal form.selector table.formulario td{
	padding: 5px 2px;
	font-size: 8pt;
	color: #707070;
	white-space: nowrap;
}
#ppal form.selector select{
	border-radius: 10px;
	max-width: 120px;
}
#ppal form.selector input.submit{
	padding: 3px 5px;
	font-size: 9px;
	border-radius: 10px;
	vertical-align: middle;
}
#ppal form.selector a{
	color: #9D9D9D !important;
	text-transform: lowercase;
	text-decoration: none;
}
#ppal form.selector a:hover{
	text-decoration: underline;
}


/*
 * Botones independientes
 */
#ppal div.botones{
	padding: 10px 20px;
	text-align: right;
}
#ppal div.botones a{
	margin: 0;
	padding: 3px 30px;
	border-width: 0;
	color: white;
	background-color: #9D9D9D;
	text-transform: uppercase;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}
#ppal div.botones a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
}
#ppal div.botones input.reset{
	float: left;
}


/*
 * Botones pequeños (HTML dinámico, etc.)
 */
#ppal .button.mini{
	padding: 1px;
	font-size: 7pt;
}


/*
 * Muestras de color y logo
 */
#ppal .muestra-color{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: transparent url(../css-img/muestra-color.gif) left top no-repeat;
	vertical-align: middle;
}
#ppal .muestra-logo{
	border: 1px solid #A0A0A0;
}


/*
 * Clases comunes para formularios
 */
#ppal .obligatorio{
	color: #800000;
	font-size: 10pt;
	font-weight: bold;
}
#ppal .info{
	font-style: italic;
}
#ppal .tipo-color{
	width: 60px;
	text-transform: uppercase;
}
#ppal .tipo-boton-color{
	padding-right: 5px !important;
	padding-left: 5px !important;
}
.ppal .tipo-selector-color .farbtastic{
	margin: auto;
}
#ppal .der{
	text-align: right;
}


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



/*
 * Bocadillos para mostrar logos
 */
#ppal .bocadillo .titulo{
	padding: 7px 22px 7px 9pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #909090;
}
#ppal .bocadillo .imagen{
	cursor: help;
	width: 67px;
	height: 66px;
	padding: 14px 22px 15px 7px;
	background: white url(../css-img/bocadillo.png) left top no-repeat;
}
#ppal .bocadillo .imagen .logo{
	width: 67px;
	height: 37px;
	background: transparent none 50% 50% no-repeat;
}


/*
 * Recuadros para mostrar logos a izquierda y derecha
 */
.barra-logos{
	position: relative;
	margin: 25px 0 10px 0;
	height: 45px;
}
.barra-logos .logo-izq, .barra-logos .logo-der{
	position: absolute;
}
.barra-logos .logo-der{
	right: 0;
}
.barra-logos .logo-izq .imagen, .barra-logos .logo-der .imagen{
	position: absolute;
	cursor: help;
	width: 60px;
	height: 37px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #E3E3E3 url(../css-img/logo-izq-der.png) no-repeat;
}
.barra-logos .logo-izq .imagen{
	left: 0;
	padding-left: 30px;
	padding-right: 25px;
	background-position: right top;
}
.barra-logos .logo-der .imagen{
	right: 0;
	padding-left: 25px;
	padding-right: 30px;
	background-position: left top;
}
.barra-logos .logo-izq .imagen .logo, .barra-logos .logo-der .imagen .logo{
	width: 67px;
	height: 37px;
	background: transparent none 50% 50% no-repeat;
}
.barra-logos .nombre{
	position: absolute;
	top: 9px;
	color: #E3E3E3;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
}
.barra-logos .logo-izq .nombre{
	left: 120px;
	text-align: left;
}
.barra-logos .logo-der .nombre{
	right: 120px;
	text-align: right;
}


#notificacion{
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0;
	text-align: center;
}
#notificacion div{
	position: relative;
	margin: 0 auto;
	display: inline-block;
	color: InfoText;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 5px 20px;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
	background: InfoBackground;
}


/*
 * Cuadros resaltados con conclusiones
 */
.conclusion{
	border-radius: 5px;
	margin: 15px 30px;
	padding: 10px 20px 10px 82px;
	min-height: 42px; /* Alto del icono */
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
	color: #252525;
	background-repeat: no-repeat !important;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}
.conclusion-positiva{
	background: url("../img/icono-conclusion-positiva.png") 20px 10px;
	background: url("../img/icono-conclusion-positiva.png") 20px 10px, linear-gradient(left top, #44D694 9%, #89D3B1 76%);
	background: url("../img/icono-conclusion-positiva.png") 20px 10px, -o-linear-gradient(left top, #44D694 9%, #89D3B1 76%);
	background: url("../img/icono-conclusion-positiva.png") 20px 10px, -moz-linear-gradient(left top, #44D694 9%, #89D3B1 76%);
	background: url("../img/icono-conclusion-positiva.png") 20px 10px, -webkit-linear-gradient(left TOP, #44D694 9%, #89D3B1 76%);
	background: url("../img/icono-conclusion-positiva.png") 20px 10px, -ms-linear-gradient(left top, #44D694 9%, #89D3B1 76%);
	background: url("../img/icono-conclusion-positiva.png") 20px 10px, -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.09, #44D694),
		color-stop(0.76, #89D3B1)
	);
	background-color: #44D694;
}
.conclusion-media{
	background: url("../img/icono-conclusion-media.png") 20px 10px;
	background: url("../img/icono-conclusion-media.png") 20px 10px, linear-gradient(left top, #FCE041 9%, #F9E886 76%);
	background: url("../img/icono-conclusion-media.png") 20px 10px, -o-linear-gradient(left top, #FCE041 9%, #F9E886 76%);
	background: url("../img/icono-conclusion-media.png") 20px 10px, -moz-linear-gradient(left top, #FCE041 9%, #F9E886 76%);
	background: url("../img/icono-conclusion-media.png") 20px 10px, -webkit-linear-gradient(left TOP, #FCE041 9%, #F9E886 76%);
	background: url("../img/icono-conclusion-media.png") 20px 10px, -ms-linear-gradient(left top, #FCE041 9%, #F9E886 76%);
	background: url("../img/icono-conclusion-media.png") 20px 10px, -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.09, #FCE041),
		color-stop(0.76, #F9E886)
	);
	background-color: #FCE041;
}
.conclusion-negativa{
	background: url("../img/icono-conclusion-negativa.png") 20px 10px;
	background: url("../img/icono-conclusion-negativa.png") 20px 10px, linear-gradient(left top, #FF595C 9%, #FF8486 76%);
	background: url("../img/icono-conclusion-negativa.png") 20px 10px, -o-linear-gradient(left top, #FF595C 9%, #FF8486 76%);
	background: url("../img/icono-conclusion-negativa.png") 20px 10px, -moz-linear-gradient(left top, #FF595C 9%, #FF8486 76%);
	background: url("../img/icono-conclusion-negativa.png") 20px 10px, -webkit-linear-gradient(left TOP, #FF595C 9%, #FF8486 76%);
	background: url("../img/icono-conclusion-negativa.png") 20px 10px, -ms-linear-gradient(left top, #FF595C 9%, #FF8486 76%);
	background: url("../img/icono-conclusion-negativa.png") 20px 10px, -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.09, #FF595C),
		color-stop(0.76, #FF8486)
	);
	background-color: #FF595C;
}

.conclusion table{
	margin-top: 10px;
}


/*
 * Lista horizontal de enlaces
 */
ul.lista-enlaces{
	display: block;
}
ul.lista-enlaces li{
	display: inline;
	margin: 0 10px;
}
ul.lista-enlaces li a{
	text-decoration: none;
	color: #7B7B7B;
	font-size: 8pt;
}
ul.lista-enlaces li a:hover{
	text-decoration: underline;
}


/*
 * Submenú vertical en el cuerpo de la página
 */
#ppal ul.n1{
	margin-left: 35px;
}
#ppal ul.n1, #ppal ul.n1 li{
	line-height: 2;
}
#ppal ul.n1 li a img{
	margin-right: 3px;
}


/*
 * Info de depuración de la clase Conexion
 */
table.sql{
	border-collapse: collapse;
	margin: 1em 0;
	font-family: Helvetica, sans-serif;
	font-size: 8pt;
}
table.sql caption{
	padding: 0.25em 0.5em;
	background-color: #E0E0E0;
	text-align: left;
}
table.sql dl{
	margin: 0.5em 0;
	overflow: hidden;
}
table.sql dl dt{
	float: left;
	width: 6.5em;
	margin-right: 0.5em;
	font-weight: bold;
}
table.sql dl dt, table.sql dl dd{
	line-height: 1.25;
}
table.sql dl dd p{
	display: inline-block;
}
table.sql th, table.sql td{
	border: 1px solid gray;
}
table.sql th{
	padding: 0.25em 0.1em;
	color: white;
	background-color: black;
}
table.sql td{
	padding: 0.25em 0.1em;
	color: black;
	background-color: white;
}
table.sql td em{
	color: gray;
}


/*
 * Encabezado
 */
#encabezado{
	height: 63px;
	background: #F4F4F3 url(../css-img/encabezado-fondo.png) left top repeat-x;
	overflow: hidden;
}
#encabezado .izq{
	float: left;
}
#encabezado .der{
	float: right;
}
#encabezado a.logo{
	text-decoration: none;
}
#encabezado a.logo:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
}

#encabezado table#cierre{
	float: left;
	margin: 10px 40px 0 0;
	border-collapse: collapse;
}
#encabezado table#cierre td, #encabezado table#cierre th{
	text-transform: uppercase;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
}
#encabezado table#cierre td{
	padding: 0 5px 0 0;
	text-align: right;
}
#encabezado table#cierre td, #encabezado table#cierre td a{
	color: #666666;
	font-weight: bold;
}
#encabezado table#cierre td a{
	text-decoration: none;
}
#encabezado table#cierre:hover td a{
	text-decoration: underline;
}
#encabezado table#cierre th{
	padding: 0 0 0 5px;
	border-left: 1px solid #263D83;
	text-align: left;
	color: #C0C0C0;
	font-weight: bold;
}


#encabezado #usuario{
	float: left;
}
#encabezado #usuario .cerrar{
	float: left;
	width: 22px;
	height: 63px;
	overflow: hidden;
	background: #F4F4F3 url(../css-img/encabezado-cerrar-usuario.png) left top no-repeat;
}
#encabezado #usuario .cerrar a{
	display: block;
	margin: 8px 0 0 4px;
	padding: 4px;
	width: 13px;
	height: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .50;
}
#encabezado #usuario .cerrar a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#encabezado #usuario .info{
	float: left;
	padding: 0 5px 0 10px;
	min-width: 85px;
	max-width: 185px;
	height: 63px;
	overflow: hidden;
	background: #F4F4F3 url(../css-img/encabezado-info-usuario.png) left top no-repeat;
}
#encabezado #usuario .info .fecha{
	margin-top: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #474747;
	text-align: right;
}
#encabezado #usuario .info .nombre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #474747;
	text-align: right;
	white-space: nowrap;
}
#encabezado #usuario .info .nombre a{
	color: #474747;
	text-decoration: none;
}
#encabezado #usuario .info .nombre a:hover{
	text-decoration: underline;
}
#encabezado #usuario .logo-usuario{
	float: left;
	width: 67px;
	height: 37px;
	padding: 10px 19px 16px 12px;
	overflow: hidden;
	background: #F4F4F3 url(../css-img/encabezado-logo-usuario.png) left top no-repeat;
}
#encabezado #usuario .logo-usuario .imagen{
	width: 67px;
	height: 37px;
	background: transparent none 50% 50% no-repeat;
}


/*
 * Menú principal (de hasta dos niveles)
 */
#menu{
	height: 76px;
	background: #999A98 url(../css-img/menu-fondo.gif) left top repeat-x;
	font-size: 0;
	white-space: nowrap;
}
.solo-un-nivel-de-menu #menu{
	height: 35px;
}
#menu ul{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}
#menu ul li{
	display: inline-block;
	position: static;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	text-transform: uppercase;
}
#menu ul li a{
	display: block;
	text-decoration: none;
}
#menu ul li a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .50;
}

#menu ul.n2{
	white-space: nowrap;
	position: absolute;
	left: 0;
	font-size: 0;
}

#menu ul.n1 li{
	padding-right: 2px;
	background: transparent url(../css-img/menu-n1-li.gif) right top repeat-y;
}
#menu ul.n2 li{
	background-image: none;
	border-left: 1px solid #767676;
	border-right: 1px solid #949494;
}

#menu ul.n1 li a{
	padding: 0 26px;
	height: 35px;
	line-height: 35px;
	color: #666666;
}
#menu ul.n2 li a{
	padding: 0 26px;
	height: 41px;
	line-height: 41px;
	color: white;
}
#menu ul.n1 li.res a{
	background: transparent url(../css-img/menu-n1-li-res.gif) center bottom no-repeat;
	font-weight: bold;
}
.solo-un-nivel-de-menu #menu ul.n1 li.res a{
	background-image: url(../css-img/menu-n1-li-res-solo-un-nivel-de-menu.gif);
}
#menu ul.n1 li.res ul.n2 a{
	background-image: none;
	font-weight: normal;
}
#menu ul.n2 li.res a{
	background: transparent url(../css-img/menu-n2-li-res.gif) center bottom no-repeat !important;
	font-weight: bold !important;
}


/*
 * Caja informativa sobre el filtro seleccionado
 */
#info-filtro{
	position: absolute;
	top: 69px;
	right: 32px;
	line-height: 24px;
	color: #5E5E5E;
	font-size: 8pt;
}
#info-filtro dt, #info-filtro dd{
	display: inline-block;
}
#info-filtro dt{
	vertical-align: 50%;
}
#info-filtro dd{
	margin-left: 5px;
}


/*
 * Formulario para seleccionar los parámetros del gráfico
 */
#formulario-grafico{
	margin: 0 0 4px 0;
	border-bottom: 1px solid #DBDBDB;
	background: #F8F9F6 url(../css-img/formulario-grafico-fondo.gif) left bottom repeat-x;
}
#formulario-grafico table{
	border-collapse: collapse;
}
#formulario-grafico table td{
	padding: 9px 5px;
	white-space: nowrap;
	vertical-align: middle;
	border-right: 1px solid #DBDBDB;
}
#formulario-grafico table td.ultimo{
	border-right-width: 0;
}
#formulario-grafico input.checkbox, #formulario-grafico input.radio{
	margin: 0;
}
#formulario-grafico label{
	display: inline-block;
	max-width: 175px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666666;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing: -1px;
	padding-right: 1px; /* Evita que se corte ligerísimamente el texto */
}


.info-dinamica-ancla{
	display: inline-block;
	position: relative;
	cursor: help;
}
.info-dinamica-ancla-mas{
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.info-dinamica-ancla .info-dinamica-contenido{
	display: block;
	position: absolute;
	top: 13px;
	right: 13px;
	margin: 0;
	padding: 0.2em 0.5em;
	min-width: 40em;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 12px 0 12px 12px;
	background-color: rgba(255, 255, 255, 0.9);
	color: black;
	box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.35);
}

.info-dinamica-contenido-texto .info-dinamica-contenido {
	display: block;
	position: absolute;
	top: 13px;
	left: 13px;
	margin: 0;
	padding: 0.5em 0.8em;
	line-height: 1.2;
	min-width: 40em;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 12px 0 12px 12px;
	background-color: rgba(255, 255, 255, 0.9);
	color: black;
	box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.35);
}
.formulario .info-dinamica-ancla{
	margin: 0 0 0 3px;
	vertical-align: -4px;
}
.formulario .info-dinamica-ancla ul li{
	margin-left: 1em !important;
}


/*
 * Velocímetros
 */
#velocimetros-objetivos{
	margin: 10px 0 0 0;
	padding: 10px 5px;
	background: transparent url(../css-img/ppal-hr.gif) left top repeat-x;
}
#velocimetro-objetivos-socio,
#velocimetro-objetivos-gaue{
	overflow: hidden !important;
	margin-bottom: -28px !important;
	/* Área visible: 270x110 */
	width: 270px;
	height: 138px; /* 110+28 */
}
#velocimetros-objetivos object{ /* Versión Flash */
	position: relative;
	top: -18px;
}
#velocimetros-objetivos div.highcharts-container{ /* Versión JavaScript */
	margin-top: 10px !important;
}
/* Descartado el Flash, probablemente podríamos reemplazar muchos de los estilos anteriores con lo siguiente */
#velocimetro-objetivos-socio svg>text>tspan,
#velocimetro-objetivos-gaue svg>text>tspan{
	fill-opacity: 0; /* Ocultamos el banner que se muestra durante la carga */
}




/*
 * Pie de página
 */
#pie{
	padding: 22px 0 0 0;
	background: white url(../css-img/pie-sup.gif) left top repeat-x;
}
#pie p, #pie a{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}
#pie p.copyright, #pie p.copyright a{
	text-transform: uppercase;
	color: #949494;
}
#pie p.info, #pie p.info a{
	color: #666666;
}
#pie p.info span{
	text-transform: lowercase;
}
#pie a{
	text-decoration: none;
}
#pie a:hover{
	text-decoration: underline;
}
#pie p.copyright{
	float: left;
	height: 45px;
	padding-left: 25px;
	line-height: 45px;
}
#pie p.info{
	float: right;
	height: 45px;
	line-height: 45px;
	padding-right: 134px;
	background: white url(../css-img/pie-logo.png) right top no-repeat;
}