/*TABLA*/
table.data {display:table; width:100%}
table.data td, table.data tr {vertical-align:middle; text-align:center}
table.data th {vertical-align:middle; text-align:left}
/* table tr:nth-child(odd), */

table.data tr td,
table.data tr th { 
    padding: 6px 6px;
    height:20px; line-height:20px;
    width:100px;
}
table.data tr th {
white-space:nowrap;
}

table.data tr.odd { 
    background: #ffffff;
}
/* table tr:nth-child(even), */
table.data tr.even { 
    background: #E8EEF1;
}
table.data tr.odd:hover,
table.data tr.even:hover {
    background-color: #5F8AA3;
    color: #FFFFFF;
}

table.instr.data td.nemo {
	width: 50%;
	line-height:1em;
	font-size: 26px;
}

table.data tr.odd:hover a, 
table.data tr.even:hover a { color: #FFFFFF !important; border-bottom-color: #FFFFFF; }
/* Cifras en alza para filas en :hover */
table.data tr.odd:hover .alza,
table.data tr.even:hover .alza { color: #A1D8AA; /*background-image:url(i/tableAlza-hover.png)*/; }
/* Cifras en baja para filas en :hover */
table.data tr.odd:hover .baja,
table.data tr.even:hover .baja { color: #FFB8AF; /*background-image:url(i/tableBaja-hover.png);*/ }

/*table.data tr { border-bottom: 1px solid #BACDD7; }*/

/* Datos en celdas */
table .data-text { text-align: left !important;}          /* Texto en cualquier forma */
table .data-currency { text-align: right !important; }     /* Precios y datos en dinero */
table .data-number { text-align: right !important; }       /* Números de cualquier tipo */
table .data-date { text-align: center !important; }        /* Fecha en formato abreviado 2014/12/12 */
table .data-date-text { text-align: left !important; }     /* Fecha en formato textual: 12 de Noviembre de 2012 */
table .data-variation { text-align: center !important; }   /* Variaciones de un dato con indicador de alza o baja */
table .data-code { text-align: center !important; }        /* Códigos o series como ISIN */

/* Tablas con Scroll */
/* Este hack permite que las tablas funcionen en un rango más amplio de navegadores... */
.table-scroll-group { height: 200px; }
table.data scroll-header { height: 30px; line-height: 30px; }
div.scroll-wrap { overflow: scroll; height: 170px;} /* A la altura de la tabla completa hay que restarle la altura del encabezado */
table.data.scroll thead { display: none; } 

.indicadores th { background-color: #FFFFFF; }

#rentaVariable { height: 200px; }

table.data th {background: #16587D; color: #FFFFFF;}
table.data tr td:first-child, table tr th:first-child  {text-align:left}
table input[type=text], 
.accion input[type=text],
.inline-form input[type=text],
.block-form input[type=text], 
.block-form input[type=password] {
    background: #ffffff; 
    border:1px solid #ccc; 
    color:#666666; 
    padding:0 4px; 
    height:26px;
}
input[type=button], 
table input[type=button], 
.accion input[type=button],
.inline-form input[type=button] {
    margin-left:10px; margin-left:0\0/; 
    background:#008FC0; 
    color:#ffffff; 
    text-align: center; 
    font-size:12px; 
    padding: 10px 15px; 
    -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
    border:none;
    height:28px;
    line-height:0px;
    cursor: pointer;
}
input[type=button]:hover { background-color: #00779E; }

table.separacionFilas td {border-right: 1px solid #f0f0f0;}
table.data td a {color:#444444 !important; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #777777; text-decoration:none !important}


/*alza-baja*/
table .alza, span.baja {/*padding-right:15px; color:#336699;background-repeat:no-repeat;background-position:right center; */font-weight:bold}
table .alza {/*background-image:url(i/tableAlza.png);*/ color:#339966}
table .baja {/*background-image:url(i/tableBaja.png);*/ color:#ff3300}

table tr.filaVariacion td {color:#1B597C; font-weight:bold} 
table tr.filaVariacion td span {color:#1B597C; font-weight:bold} 

table tr.filaVariacion td:first-child {color:#1B597C !important; font-weight:bold}
/*table tr.filaVariacion td:first-child span {color:#1B597C; font-weight:bold}*/
table tr.filaVariacion td:first-child a {color:#1B597C !important; font-weight:bold}

/*table tr.filaVariacion td:first-child span.pushAlza {color:white; font-weight:bold !important}
table tr.filaVariacion td:first-child span.pushBaja {color:white; font-weight:bold !important}*/
table tr.filaVariacion td span.pushAlza {color:white !important}
table tr.filaVariacion td span.pushBaja {color:white !important}

table span.pushMantiene {background-color: RGBA(255,204,0,0.7); color:#1B597C !important; padding:4px 0px 4px 20px} 
table span.pushAlza {background-color: RGBA(0,159,135,0.7); color:white !important; padding:4px 0px 4px 20px}
table span.pushBaja {background-color: RGBA(241,64,47,0.7); color:white !important; padding:4px 0px 4px 20px}

table .pushAlza span {color:white}
table .pushBaja span {color:white}

/*===PORTADA===*/

/*grafico*/
.grafico table tr {background:#ffffff}

/*acciones*/
table.accion tr {background:none; border:none}
table.accion td, span.label {font-size:12px; font-size:11px\0/; color:#333333; font-weight:bold; margin-right: 20px; margin-right:0\0/;}

/*acciones*/
table.ppalesAlzas {background:none; margin:10px 0 0; text-align:left}
table.ppalesAlzas th, table.ppalesAlzas td {display:table-cell; padding:6px; height:22px; line-height:22px}

/*table.ppalesAlzas tr:first-child {border-top:1px solid #BACDD7; border-bottom:1px solid #BACDD7}*/
/*table.ppalesAlzas tr {border-bottom:1px solid #BACDD7}*/


table.ppalesAlzas th {background:#16587D; color:#ffffff}
table.ppalesAlzas td {border-right:1px solid #f0f0f0}
	table.ppalesAlzas td:last-child {border-right:none}
/*table.ppalesAlzas td:first-child {color:#444444; font-weight:bold; text-decoration:underline}*/

/*LISTADO*/

table.accion.listado td {font-family:Arial, Helvetica, sans-serif; font-weight:100; text-align:left; padding:0 4px}
table.accion.listado input[type=text]{height:27px; margin-top:3px}
table.accion.listado .selectTag  {margin-top:3px}
table.accion.listado td.boton {vertical-align:bottom; padding:0;}
	table.accion.listado input[type=button] {margin:0}

/*REGULACION*/
table.accion.listado td.letra { vertical-align:middle; text-align:center}


/*tabla generica renta variable*/
table.rentaVariable {display:table; width:100%}
table.rentaVariable th {border-right:2px solid #ffffff}
	table.rentaVariable th:last-child {border-right:none}
table.rentaVariable td {border-right:2px solid #f0f0f0}
	table.rentaVariable td:last-child {border-right:none}
table.rentaVariable td, table.rentaVariable th { padding:4px; }
table.rentaVariable th {background:#1B597C; color:#ffffff}
table.rentaVariable tr:nth-child(even) { background: #ffffff }
table.rentaVariable tr:nth-child(odd) { background: #E8EEF1}

table.recuadroRentaVariable {width:100%; margin-top:12px}
table.recuadroRentaVariable td {font-size:12px; color:#333333;}
table.recuadroRentaVariable td.boton {vertical-align:middle}
table.recuadroRentaVariable select {width:80%}
table.recuadroRentaVariable input {width:80%}
table.recuadroRentaVariable input[type=button] {
	background:#00A3C4; 
	color:#ffffff; 
	text-align:center; 
	padding:10px; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:none;
	width:110px;
	height:30px;
	line-height:10px;
	}



/*tabla otros indicadores*/
.indicadoresInterior table {width:100%; display:table;}
.indicadoresInterior td, .indicadoresInterior th {color:#666666; text-align:center; padding:5px}
.indicadoresInterior th {font-weight:bold; border-bottom:1px solid #E8EEF1} 


/*INSTRUMENT*/
.recuadro.instr {padding:12px 5%}
table.instr tr {  }
table.instr .labels { line-height: 20px; height: 20px; }
table.instr tr:nth-child(odd), table.instr tr:nth-child(even) {background:none}
table.instr td { color:#999999; text-align:center}
table td.nemo {color:#666666; font-size:30px; font-weight:bold; letter-spacing:-1px}
table td.valor {color:#666666; font-size:26px; font-weight:bold; letter-spacing:-1px}
table td.variacion {color:#666666; font-size:22px; font-weight:bold; letter-spacing:-1px}
table td.participacion {color:#777777; font-size:22px; font-weight:100; letter-spacing:-1px}
table td.actualizacion {color:#AAAAAA; font-size:22px; font-weight:100; letter-spacing:-1px}

/*compraVenta*/
table.compraVenta tr td:first-child, table.compraVenta tr th:first-child {text-align:center; padding:10px 0}
table.compraVenta td {font-size:14px; color:#666666; font-weight:bold}

/*REGULACION*/
table.accion.regulacion {}
table.accion.regulacion td {text-align:left; font-size:12px; color:#333333; font-weight:100; vertical-align:bottom}
table.accion.regulacion td.letra {text-align:center; padding:10px 10px 0 10px; vertical-align:middle; font-weight:bold}
table.accion.regulacion input[type=text] {width:90%; height:25px; margin-top:3px;}
table.accion.regulacion .selectTag  {height:27px; margin-top:3px}
table.accion.regulacion .selectTag select {height:27px}

table.contacto {}
table.contacto td {padding:2px!important}
table.contacto td:first-child {font-weight:bold; }
/*table.contacto td:last-child {text-align:right; }*/
table.contacto td:last-child {text-align:left; }
.heightAuto {height:auto!important}



@media (min-width:481px) and (max-width:768px) {

/*REGULACION*/

table.accion.regulacion.ajuste768 {overflow:hidden; padding:0}
table.accion.regulacion.ajuste768 .selectTag  {width:90px; background: #ffffff url(i/selectFlecha.png) no-repeat 58px center}
table.accion.regulacion.ajuste768 .selectTag select {width:90px}

table.accion.regulacion {}
table.accion.regulacion td {text-align:left; font-size:12px; color:#333333; font-weight:100; vertical-align:bottom}
table.accion.regulacion td.letra {text-align:center; padding:10px 10px 0 10px; vertical-align:middle; font-weight:bold}
table.accion.regulacion input[type=text] {width:90%; height:25px; margin-top:3px;}
table.accion.regulacion .selectTag  {height:27px; margin-top:3px; width:140px; background:#ffffff url(i/selectFlecha.png) no-repeat 110px center}
table.accion.regulacion .selectTag select {height:27px; width:140px}


/*INSTRUMENT*/
table td.nemo {font-size:22px;}
table td.valor {font-size:18px;}
table td.variacion {font-size:16px; }
table td.participacion {font-size:15px; }
table td.actualizacion {font-size:15px; }

}


@media (max-width:600px) {
	
	/*INSTRUMENT*/
	table td.nemo {font-size:16px;}
	table td.valor {font-size:16px;}
	table td.variacion {font-size:14px; }
	table td.participacion {font-size:14px; }
	table td.actualizacion {font-size:14px; }

	/*REGULACION*/
	table.accion.regulacion td.letra {padding:23px 5px 0 10px}
	table.accion.regulacion td.boton {}
	.accion input[type=button] {margin-left:10px; font-size:10px; padding:5px;}
	
	/*table.accion.regulacion .selectTag {width:100px; background:#ffffff url(i/selectFlecha.png) no-repeat 68px center}*/
	table.accion.regulacion .selectTag select {width:100px}
	table.accion .boton.enTag input[type=button] {font-size:12px; padding:10px 15px}


}

@media (max-width:480px) {
	
/*INSTRUMENT*/
table.instr.data tr td.nemo {font-size:16px;}
table.instr.data tr td.valor {font-size:16px;}
table.instr.data tr td.variacion {font-size:14px; }
table.instr.data tr td.participacion {font-size:14px; }
table.instr.data tr td.actualizacion {font-size:14px; }

/*tabla accion*/
table.accion.regulacion .selectTag  {height:27px; margin-top:3px; /*width:100px; background:#ffffff url(i/selectFlecha.png) no-repeat 69px center*/}
table.accion.regulacion .selectTag select {height:27px; width:100px}


	/*tabla acciones*/
	table.accion td {
		margin:0 10px	
	}
	
	.accion span.label {
		margin:10px;
		}
		
	.accion input[type=button] {
		/*margin:0 0 0 5px;*/
		padding:10px;	
		}
	
	/*=== INSTRUMENTO ===*/
		
		table.instr td {font-size:10px; padding:0 2px; vertical-align:top}
		table.instr td.nemo, table.instr td.variacion, table.instr td.valor, table.instr td.participacion, table.instr td.actualizacion   {font-size:12px}
	
	/*tabla listado*/
	table.accion.listado td {vertical-align:bottom; padding:2px}
	table.rentaVariable td, table.rentaVariable th {font-size:8px; padding:5px 1px;}
	table.rentaVariable th {border-right:1px solid #ffffff}	
	table.rentaVariable td {border-right:1px solid #f0f0f0}	
	
	
	/*tabla accion*/
	table.accion.regulacion .selectTag  {height:27px; margin-top:3px; width:80px; background:#ffffff url(i/selectFlecha.png) no-repeat 49px center}
	table.accion.regulacion .selectTag select {height:27px; width:80px; font-size:9px}

	
	/*=== LISTADO ===*/
	
	/*tabla acciones*/
	table.accion td, span.label {
		/*margin-right:5px;*/
		font-size:10px;}
		
	.accion input[type=button] {
		/*margin:0 0 0 5px;
		padding:10px;*/	
		}
	table.accionesDesface input[type=text] {
		width:66px;	
	}

	/*=== REGULACION ===*/
	/* tabla regulacion */
 	table.accion.regulacion td.letra {padding:25px 3px 0 6px}
	/*.regulacion h2.subtitulo.regulacion {width:320px; padding-right:30px}*/
	
}

@media (max-width:320px) {

/*tabla acciones*/
	table.accion td, span.label {
		/*margin-right:5px;*/
		font-size:10px;}
		
	.accion input[type=button] {
		/*margin:0 0 0 5px;
		padding:10px;*/	
		}
	.accion input[type=text] {
		width:76px;	
	}
	
/*tabla listado*/
	table.accion.listado td {vertical-align:bottom; padding:0 2px}
	table.rentaVariable td, table.rentaVariable th {font-size:8px; padding:1px;}
	table.rentaVariable th {border-right:1px solid #ffffff}	
	table.rentaVariable td {border-right:1px solid #f0f0f0}	
	
/* tabla regulacion */
 	table.accion.regulacion td.letra {padding:25px 3px 0 6px}
	
/*=== INSTRUMENTO ===*/
	
	table.instr td {font-size:10px; padding:0 2px; vertical-align:top}
	table.instr td.nemo, table.instr td.variacion, table.instr td.valor, table.instr td.participacion, table.instr td.actualizacion   {font-size:12px}

	/*tabla accion*/
	table.accion.regulacion .selectTag  {height:27px; margin-top:3px; width:70px; background:#ffffff url(i/selectFlecha.png) no-repeat 39px center}
	table.accion.regulacion .selectTag select {height:27px; width:70px; font-size:9px}	
}

/*Sobreescribieno css de Amable*/

/*Linea 35*/
/* Datos en celdas */
table .data-text { text-align: left !important;}          /* Texto en cualquier forma */
table .data-currency { text-align: right !important; }     /* Precios y datos en dinero */
table .data-number { text-align: right !important; }       /* Números de cualquier tipo */
table .data-date { text-align: right !important; }        /* Fecha en formato abreviado 2014/12/12 */
table .data-date-text { text-align: right !important; }     /* Fecha en formato textual: 12 de Noviembre de 2012 */
table .data-variation { text-align: right !important; }   /* Variaciones de un dato con indicador de alza o baja */
table .data-code { text-align: right !important; }        /* Códigos o series como ISIN */

/*Linea 130*/

/*tabla generica renta variable*/
table.rentaVariable {display:table; width:100%}
table.rentaVariable th {border-right:inherit}
table.rentaVariable th:last-child {border-right:none}
table.rentaVariable td {border-right:inherit}
table.rentaVariable td:last-child {border-right:none}
table.rentaVariable td, table.rentaVariable th { padding:4px; }
table.rentaVariable th {background:#1B597C; color:#ffffff}
table.rentaVariable tr:nth-child(even) { background: #ffffff }
table.rentaVariable tr:nth-child(odd) { background: #E8EEF1}

/*Linea 105*/
/*acciones*/
table.ppalesAlzas {background:none; margin:10px 0 0; text-align:left}
table.ppalesAlzas th, table.ppalesAlzas td {display:table-cell; padding:6px; height:22px; line-height:22px}

/*table.ppalesAlzas tr:first-child {border-top:1px solid #BACDD7; border-bottom:1px solid #BACDD7}
table.ppalesAlzas tr {border-bottom:1px solid #BACDD7}*/

table.ppalesAlzas th {background:#16587D; color:#ffffff}
table.ppalesAlzas td {border-right: inherit}
table.ppalesAlzas td:last-child {border-right:none}

/*table.ppalesAlzas td:first-child {color:#444444; font-weight:bold; text-decoration:underline}*/

.recuadro .boton{
	text-align:right !important;
}

/*Tooltip NUEVO*/
th.data-text, th.data-currency {
	position: relative;
	}

th.data-text span.tooltipcolum, th.data-currency span.tooltipcolum{				
	margin-left: -999em;
	position: absolute;
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);	
	}	



th.data-currency:hover span, th.data-text:hover span{
	font-family: Arial;  
	/*position: absolute;*/
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width:auto;
	}

.tooltipcolum { padding: 0.5em 0.8em/*; white-space:normal*/}
.tooltipcolum { background: #FFFFFF; color:#000000}