﻿/*===PORTADA===*/

/*Flotar a la izquierda*/
.flotarIzquierda{
	float:left;
}


/*ICONO*/
.iconoExcl { background:url(i/boxAcciones.png) no-repeat 90px 0px }
.iconoExcl.detalle {background:url(i/boxAcciones.png) no-repeat 226px -2px }

/*INDICE*/

a.masInfo, a.verMas {display: block; float: right;  width: 100%;  margin: 15px 0;  line-height: 20px;  font-size: 12px;  background: url(i/boxMasInformacion.png) no-repeat center right;  padding: 0 30px 0 0;  text-align: right;}
a:hover.masInfo, a:hover.verMas {text-decoration: underline !important}

a.masInfo { width:110px }
a.verMas { width:100px }

.bloqueNoticia a.verMas {
    margin: 0;
}
.bloqueNoticia a:hover.verMas {
	text-decoration: underline !important;
}

/*CARRUSEL BOX*/
.carrusel.box {margin:0; padding:6px 0}
.carrusel.box h2 {/*width:100%;*/}

/*SELECCIONES UN INDICE*/
.seleccionIndice {/*overflow:hidden;*/ padding:0 0 10px; border-bottom:1px solid #EDEDED}
.seleccionIndice p, .seleccionIndice select {float:left}
.seleccionIndice p {line-height:24px; font-weight:100; color:#666666; margin-right:10px}
.seleccionIndice select {}
#selectIndiceNSelectBoxIt{
	width:177px;
}
#selectIndiceSSelectBoxIt{
	width:177px;
}


.grafico-container { box-sizing: border-box; width: 98%; height: 300px; padding: 5px 5px 5px 5px; margin: 10px auto auto 0px; background: #fff;}
.grafico-placeholder { width: 100%; height: 290px; font-size: 14px;}

.grafico-containerS { box-sizing: border-box; width: 98%; height: 300px; padding: 5px 5px 5px 5px; margin: 10px auto auto 0px; background: #fff;}
.grafico-placeholderS { width: 100%; height: 290px; font-size: 14px;}

.grafico-containerN { box-sizing: border-box; width: 98%; height: 300px; padding: 5px 5px 5px 5px; margin: 10px auto auto 0px; background: #fff;}
.grafico-placeholderN { width: 100%; height: 290px; font-size: 14px;}


.graficoDetalle-containerS { box-sizing: border-box; width: 98%; height: 300px; padding: 5px 5px 5px 5px; margin: 10px auto auto 0px; background: #fff;}
.graficoDetalle-placeholderS { width: 100%; height: 290px; font-size: 14px;}

.graficoDetalle-containerN { box-sizing: border-box; width: 98%; height: 300px; padding: 5px 5px 5px 5px; margin: 10px auto auto 0px; background: #fff;}
.graficoDetalle-placeholderN { width: 100%; height: 290px; font-size: 14px;}


.masInformacionIndice{overflow:hidden;}
.grafico {/*overflow:hidden*/; padding:5px 0; border-bottom:1px solid #EDEDED}
.grafico h3 {font-size:18px; color:#999999; font-weight:bold;}
.grafico table { width:98%; text-align:center; margin:4px 0 0;}
.grafico table td {text-align:center; padding:2px; vertical-align:middle; font-size:14px}
.grafico table td strong {display:block; margin:0 0 5px; font-weight:bold;font-size:12px}
.grafico table tr td:first-child{ width:250px; text-align:left;}

/*ACCIONES*/
.acciones h2 {padding-top:4px}
.acciones table {}

/*imagenes*/
.fila.imagenes {margin:10px 0}


/*hechos esenciales*/
/*.logoHechoEsencial { width:130px; height:83px;}*/
.hechosEsenciales {position:relative}
.hechosEsenciales .info {position:absolute; top:0; right:0 }
.hechosEsenciales .recuadro {float:left; margin-top:20px; width: 100%; }
.hechosEsenciales h2 {text-transform:none!important}
	.bloqueEmpresa {position:relative; overflow:hidden; background:#f0f0f0; padding:1%; margin: 0 0 5px}
	.bloqueEmpresa a.leerMas {position:absolute; right:8px; bottom:8px; border-bottom:1px dotted #000000; color:#000000}
	.bloqueEmpresa img {float:left; margin-right:10px; width:60px; height:60px;}
	.bloqueEmpresa h3 {font-size:18px; margin:0 0 5px}
	.bloqueEmpresa p {font-size:12px; margin:0 0 5px}



/*NOTICIAS*/
p.mercado, p.mercadoHidden {clear:both; background:#008EBD; color:#ffffff; padding:5px 10px; text-align:center; margin-bottom:5px;} 
p.mercado { font-size:12px; padding: 7px 15px; text-align: right !important;}

.box.noticias {border-top:5px solid #1A5B79}
.bloqueNoticia, .bloque {  clear: both;  overflow: hidden;  padding: 10px 0;  border-bottom: 1px solid #EDEDED;}
.bloqueNoticia img, .bloque img {float:left; margin-right:15px;}
.bloqueNoticia h3, .bloque h3 {color: #2F617E;  font-size: 18px;  line-height: 18px;  /* font-weight: bold; */  margin: 0 0 5px 0;}
.bloqueNoticia p {font-family:Arial, Helvetica, sans-serif}
.bloqueNoticia p {font-size:13px; color:#333333; line-height:18px }
.bloqueNoticia p span, .bloque p span,
p.pub-date { font-size:12px; font-weight:bold; color:#009ABF; margin-right:6px } 

.bloqueNoticia ul, .bloqueNoticia ol, .bloque ul, .bloque ol { margin: 0.7em 0 1.2em; }
.bloqueNoticia ul, .bloque ul { list-style: circle;}
.bloqueNoticia ol, .bloque ol { list-style: decimal; }
.bloqueNoticia li, .bloque li { margin-left: 2em; margin-bottom: 0.7em; }
.bloqueNoticia blockquote, .bloque blockquote { margin: 1.2em 0 1.2em 20px; padding-left: 20px; border-left: 4px solid #009ABF; color: #009ABF; font-size: 1.2em; }
.bloqueNoticia blockquote p, .bloque blockquote p { color: inherit; font-size: inherit; font-style: italic; }
.bloqueNoticia a, .bloque a
.mapa a,
.login a, .mapa a, .mapa a:link, .mapa a:visited { /*color: #009ABF;*/ }
.bloqueNoticia a{
	text-decoration:none !important;
}

/*INDICADORES*/
.indicadores {overflow:hidden; background:#E8EEF1; padding:10px;}
.indicadoresInterior {background:#ffffff; overflow:hidden; float:left; width:30%; height:70px; padding:1%; margin-right:2%}
.indicadoresInterior.last {margin-right:0%}

.indicadoresInterior .financieros , .indicadoresInterior .mercadoNegocios { padding:10px 0 10px 60px; font-size:16px; }
.indicadoresInterior .financieros a, .indicadoresInterior .mercadoNegocios a{ color:#008EBD; /*font-weight:bold; text-decoration:none !important*/ }


.indicadoresInterior .financieros {background:url(i/bulletCanaldeDenuncias1.png) no-repeat left center;}
.indicadoresInterior .mercadoNegocios {background:url(i/bulletMercdosTiempoReal.png) no-repeat left center;}

.indicadoresInterior.indice table td:first-child, .indicadoresInterior.indice table th:first-child {text-align:center}
.indicadoresInterior.indice table.hidden {display:none}

/*REGULACION*/
.imagenes img {width:100%}


@media (max-width:768px) {
	.indicadoresInterior.indice table.visible {display:none}
	.indicadoresInterior.indice table.hidden {display:table}
		.indicadoresInterior.indice table.hidden {background:none;}
		.indicadoresInterior.indice table.hidden td, .indicadoresInterior.indice table.hidden th {padding:3px 0; border-bottom:1px dotted #333; text-align:left}
		table.hidden tr:nth-child(odd), table.hidden tr:nth-child(even) {background:none}
		
}




/*INSTRUMENTO*/

.precios {border-bottom:1px dotted #000000; padding-bottom:12px; margin:20px 0 20px !important}
a.descargarDoc {display:block; height:20px; line-height:25px; font-weight:bold; margin:10px 0 25px; float:right; background:url(i/bulletDocumento.png) no-repeat center right; text-align:right; padding-right:25px !Important; cursor:pointer}

.instrumento {}
.instrumento .box.box02 {height:146px}
.instrumento .boxInterior {height:96px}
.instrumento h4 {font-weight:bold; margin:20px 0}
.instrumento h2 a.url {font-weight:100; color:#0090B9; font-size:12px; margin:0 0 0 10px}
.instrumento h2 a.url:hover {color:#000000}

.instrumento .contacto h2, .instrumento .contacto a, .instrumento .contacto p {margin:0px; padding:0}
.instrumento .contacto h2 {font-size:12px}
.instrumento .contacto a {color:#0090B9}

.instrumento .contacto h2.limpio {font-size:15px}

.instrumento .box.box02 .contacto {height:auto;}
.instrumento .boxInterior.limpio {height:auto}

.bloqueHechos {position:relative; border-bottom:1px dotted #000000; padding:0; margin:12px 0}
.bloqueHechos h4 {margin:0 0 5px}
.bloqueHechos p {margin:0 0 20px}
.bloqueHechos p.date {margin:0 0 5px}
.bloqueHechos a.descargarDoc {position:absolute; bottom:4px; right:0; margin:0}
.bloqueHechos a.descargarDoc:visited{ color:black;}




/*REGULACION*/

.regulacion h2.subtitulo.regulacion {text-transform:none}
.regulacion .documentoCategoria {}
.regulacion .documentoCategoria h3 {font-size:16px; color:#2D5F7E; font-weight:bold; margin:10px 0}

.bloqueDocumento {width:100%; background:url(i/bulletBloqueDocumento.png) no-repeat right center; padding: 0 0 20px; margin:0 0 20px; border-bottom:1px dotted #000000}
.bloqueDocumento p {width:80%; padding-right:20%}
.bloqueDocumento p span { font-size:12px; font-weight:bold; color:#009ABF; margin-right:6px; display:block } 


.regulacion h3 {font-size:12px; color:#333333; font-weight:bold}
.regulacion p, .regulacion li {color:#747474}
.regulacion .bloqueDocumento b {
	font-weight:bold
}

/*DETALLE INDICE*/
table.tablaIzq {margin:0 0 20px}
table.tablaIzq td,table.tablaIzq th {text-align:left; text-indent:10px}


@media (max-width:480px) {

.instrumento .box.box02 {height:auto}
.instrumento .boxInterior {height:auto}

}

/*ETF*/
.contenedorTablaDetalleCanastaETF{
	margin-top:20px;
}

.listaNumerica{
	list-style: decimal;
	margin-left: 20px;
	text-align:justify;
}

.listaCirculo{
	list-style:circle;
	margin-left: 20px;
	text-align:justify;
}

.contacto p{
	margin:0px;
}

span.negrilla{
	font-weight:bold;
}

span.cursiva{
	font-style: italic;
	font-size:inherit !important;
	font-weight: inherit!important;
	color:inherit!important;
	margin-right:inherit!important;
}

.corporativa table.ajuste768{
	width:100%;
}