/* FICHA DE VALOR */
/* <!-- */
/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:500px;    /* Minimum width of layout - remove line if not required *//* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	text-align:center
}
h1, h2, h3 {
	margin:0;
	padding:0;
}
/* Ancho */
#Ancho {
	width:600px;
	margin:0 auto;
	text-align:left
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
#header h1, #header h2, #header h3 {
	padding:0;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:10px 0 10px 0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
}
#header ul li a span {
	display:block;
}
/* column container */
.colmask {
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1, .col2, .col3, .col4 {
	float:left;
	position:relative;
	padding:0 0 0 0;
	overflow:hidden;
}
.SubCol1, .SubCol2{
	float:left;
	position:relative;
	width:50%;
	padding:0 0 0 0;
	overflow:hidden;
}
/* 2 Column (double page) settings */
.doublepage {
	background:#fff;		/* right column background colour */
}
.doublepage .colleft {
	right:50%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.doublepage .col1, .doublepage .col3 {
	/*width:49%;			 left column content width (column width minus left and right padding) */
	/*left:50%;			     right column width plus left column left padding */
	width:300px;
	left:300px
}
.doublepage .col2, .doublepage .col4 {
	/*width:50%;			 right column content width (column width minus left and right padding) */
	/*left:51%;			    (right column width) plus (left column left and right padding) plus (right column left padding) */
	width:300px;
	left:300px
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
}
/* --> */
.sms{
border-bottom:1px dotted #ff8000;
color:#000;
font:normal 10px tahoma,arial,verdana;
text-align:center
}
.smsBold{
color:#ff8000;
font:bold 10px tahoma,arial,verdana
}
.fondoSolapas{

}
.Selec a{
padding:1px 12px 1px 12px;
margin:0;
color:#fff;
background:#ff8000;
font:11px arial,tahoma,verdana;
text-align:center;
text-decoration:none;
}
.Selec a:hover{
color:#fff
}
.noSelec a{
padding:1px 16px 1px 16px;
margin:0;
color:#ff8000;
background:url(../img/flecha.gif) no-repeat left #feead2;
font:11px arial,tahoma,verdana;
text-align:center;
text-decoration:none;
}
.noSelec a:hover{
color:#fff;
background:url(../img/flecha.gif) no-repeat left #ff8000
}
.separaSolapa div{ 
margin:2px
}
.cuadro{


}
/*.espacio{
padding-top:4px;
}
*/
.fichaValor{
border-bottom:#0170c9 4px solid;
color:#0170c9;
font:bold 20px Arial,Verdana,Helvetica,sans-serif
}
.sms02{
padding:8px 5px 0px 5px;
color:#000;
font:9px tahoma,verdana,arial
}
.DifPower{ 
 }
.Diferido{
padding:8px 5px 2px 5px;
float:left;
color:#ff8000;
font:bold 10px arial,tahoma,verdana;
}
.Powered{
padding:10px 5px 0px 5px;
float:right;
}
/*Pie*/
.notaLegal{
border-top:1px dotted #ff8000;
clear:both;
font:normal 10px arial,tahoma,verdana;
text-align:center
}
/*Resumen e Información Económica*/
.nombreMercado{
color:#000;
font:bold 12px arial,tahoma,verdana;
}
.cuadroTabla, .Resumen, .Volumen, .Situacion, .Ratios, .EstAnual, .RentAnual, .Dividendo, .Ampliacion, .Grafico, .GraficoSesion, .GraficoAnual, .GraficoComp, .Historico{
margin:4px;
background:#ffffff;
text-align:center;
vertical-align:top
}
.titPpal{
border-bottom:1px dotted #ff8000;
padding:2px 0px 2px 0px;
color:#ff8000;
font:bold 11px arial,tahoma,verdana;
}
.tit{
padding:2px 0px 2px 5px;
width:20%;
border-bottom:1px dotted #ff8000;
padding:2px 0px 2px 0px;
color:#ff8000;
font:bold 11px arial,tahoma,verdana;
}
.cPar{
padding:0px 5px 0px 0px;
color:#000;
font:11px arial,tahoma,verdana;
text-align:right
}
.cDifPar{
padding:0px 5px 0px 0px;
color:#000;
font:11px arial,tahoma,verdana;
text-align:right
}
.cImpar{
padding:0px 5px 0px 0px;
color:#000;
font:11px arial,tahoma,verdana;
text-align:right
}
.cDifImpar{
padding:0px 5px 0px 0px;
color:#000;
font:11px arial,tahoma,verdana;
text-align:right
}
.cTitPar{
padding:0px 0px 0px 0px;
color:#000;
font:bold 11px arial,tahoma,verdana;
}
.cTitImpar{
padding:0px 0px 0px 0px;
color:#000;
font:bold 11px arial,tahoma,verdana;
}
.titSituacion{
padding:0px 0px 0px 0px;
color:#000;
font:bold 11px arial,tahoma,verdana;
}
.situacion{
padding:0px 0px 0px 0px;
color:#000;
font:11px arial,tahoma,verdana;
text-align:right
}
.grafCuadroTabla{
background:#fff;
padding-top: 4px

}
.grafSesHcoTit{
border-bottom:1px dotted #ff8000;
padding:2px 0px 2px 0px;
color:#ff8000;
font:bold 11px arial,tahoma,verdana;
text-align:center
}
/*Grafico*/
.graficoTit{
border-bottom:1px dotted #ff8000;
padding:2px 0px 2px 0px;
color:#ff8000;
font:bold 11px arial,tahoma,verdana;
width:75%;
float:left;
overflow:hidden;
text-align:center
}
.grafico{
text-align:center;
clear: both
}
.btnGraficos{
float: left;
overflow: hidden;
padding:0px 5px 0px 5px;
text-align:center;
background:#ff8000
}
.btnGraficos a{
color:#000;
font:bold 10px verdana,tahoma,arial;
text-decoration:none
}
.btnGraficos a:hover{
background:#feead2;
}
/*Gráfico Comparativo*/
.leyenda{
padding:10px 0px 5px 0px;
text-align:center
}
.leyendaTable{
border:#cccccc 1px solid;
padding:4px;
width:70%;
background:#f5f5f5
}
.leyendaTit01,.leyendaTit02{
width:50%;
color:#000000;
font:bold 10px verdana,tahoma,arial
}
.grafCompColor01{
height:1px;
padding:0px 0px 0px 90px;
width:1px
}
.grafCompColor01 span{
border:1px solid #ffffff;
height:15px;
padding:0px 0px 0px 0px;
width:15px;
background:#000084;
color:#f5f5f5
}
.grafCompColor02{
height:1px;
width:1px
}
.grafCompColor02 span{
border:1px solid #ffffff;
height:15px;
width:15px;
background:#ff0000;
color:#f5f5f5
}
.btnActualizarGrafComp{
height:20px;
width:auto;
background:url(../img/fondoBtn.gif) no-repeat center;
color:#f5f5f5;
font:9px arial,tahoma,verdana;
text-align:center
}
/*Cotizaciones Historicas*/
.tablaForm{
padding:10px 0px 10px 0px;
border:1px dotted #ccc
}
.textoHco{
padding:0px 0px 0px 24px;
color:#ff8000;
font:bold 10px arial,tahoma,verdana;
}
.inputHco{
border:#cccccc 1px dotted;
margin:0px 5px 0px 5px;
padding:2px 0px 2px 0px;
color:#000;
font:10px arial,tahoma,verdana;
text-align:center
}
.btnBuscarHco{
border:0px;
padding:0 2px 0 2px;
width:auto;
background:#ff8000;
color:#fff;
font:bold 10px arial,tahoma,verdana;
text-align:center;
cursor:hand
}
.btnCabeceraHco{
height:18px;
padding:0px 0px 0px 10px;
border-bottom:1px dotted #ff8000;
color:#ff8000;
font:bold 11px arial,tahoma,verdana;
text-align:center
}
.btnCabeceraHco a{
padding:0px 0px 0px 10px;
color:#000;
font:bold 10px verdana,arial,tahoma;
text-decoration:none
}
.btnCabeceraHco a:hover{
padding:0px 0px 0px 10px;
background:url(../img/flecha_ord02.gif) no-repeat left
}
.cHcoPar{
padding:0px 5px 0px 0px;
color:#000;
font:11px arial,tahoma,verdana;
text-align:right
}
.cHcoImpar{
padding:0px 5px 0px 0px;
color:#000;
font:11px arial,tahoma,verdana;
text-align:right
}
/*celda Suben-Mantienen-Bajan*/
.cDifparsuben{
height:18px;
padding:0px 18px 0px 0px;
width:37px;
background:url(../img/flecha_suben.gif) #ffffff no-repeat 40px 5px;
color:#009036;
font:11px arial,tahoma,verdana;
text-align:right
}
.cDifparmantienen{
height:18px;
padding:0px 18px 0px 0px;
width:37px;
background:url(../img/flecha_mantienen.gif) #ffffff no-repeat 40px 5px;
color:#818181;
font:11px arial,tahoma,verdana;
text-align:right
}
.cDifparbajan{
height:18px;
padding:0px 18px 0px 0px;
width:37px;
background:url(../img/flecha_bajan.gif) #ffffff no-repeat 40px 5px;
color:#ff0207;
font:11px arial,tahoma,verdana;
text-align:right
}
.cDifimparsuben{
height:18px;
padding:0px 18px 0px 0px;
width:37px;
background:url(../img/flecha_suben.gif) no-repeat 40px 5px;
color:#009036;
font:11px arial,tahoma,verdana;
text-align:right
}
.cDifimparmantienen{
height:18px;
padding:0px 18px 0px 0px;
width:37px;
background:url(../img/flecha_mantienen.gif) no-repeat 40px 5px;
color:#818181;
font:11px arial,tahoma,verdana;
text-align:right
}
.cDifimparbajan{
height:18px;
padding:0px 18px 0px 0px;
width:37px;
background:url(../img/flecha_bajan.gif) no-repeat 40px 5px;
color:#ff0207;
font:11px arial,tahoma,verdana;
text-align:right
}
/*Clases correspondientes a la ventana de Configuracion de la pestaña de Graficos*/
.clWin{
background:#0000ff;
overflow:hidden;
position:absolute;
visibility:hidden;
z-index:2
}
.clWindow{
height:200;
width:280;
background:#008000;
overflow:hidden;
position:absolute;
z-index:15
}
.clWinHead{
width:200;
background:transparent;
color:#ffffff;
font:9px arial,tahoma,verdana;
position:absolute;
top:0
}
.clText{
background:transparent;
font:9px arial,tahoma,verdana;
position:absolute;
z-index:50
}
.clWinResize{
height:30;
width:30;
clip:rect(0,30,30,0);
position:absolute;
z-index:30
}
.clLogo{
position:absolute
}
.clUp{
height:12;
width:12;
position:absolute;
z-index:60
}
.clDown{
height:12;
width:12;
position:absolute;
z-index:60
}
.clWinButtons{
font:9px arial,tahoma,verdana;
position:relative;
top:50
}
.titulos{
padding-right:5px;
color:#000000;
font:9px arial,tahoma,verdana
}
input.buscador{
border:#000000 1px solid;
height:15px;
width:30px;
color:#000000;
font:9px arial,tahoma,verdana;
text-align:center
}
.combo{
color:#000000;
font:9px arial,tahoma,verdana
}
select.combo{
color:#000000;
font:9px arial,tahoma,verdana
}
.btnGraficoVentana{
}
.btnGraficoVentana a{
border:1px solid #000084;
height:14px;
padding:2px 0px 2px 0px;
background:#72bae2;
color:#ffffff;
font:bold 10px verdana,tahoma,arial;
text-decoration:none;
text-align:center;
;
width:80px
}
.btnGraficoVentana a:hover{
background:#999999
}