/* CLASS: fuentes y modificadores */
.azul11 { font-size: 11px; color: #3aadef; text-decoration: none; }
.azul12 { font-size: 12px; color: #3aadef; text-decoration: none; }
.azul12o { font-size: 12px; color: #0080bb; text-decoration: none; }
.azul13 { font-size: 13px; color: #3aadef; text-decoration: none; }
.azul14 { font-size: 14px; color: #3aadef; text-decoration: none; }
.azul17 { font-size: 17px; color: #3aadef; text-decoration: none; letter-spacing: -1px; line-height: 16px; }
.azul19 { font-size: 19px; color: #3aadef; text-decoration: none; letter-spacing: -1px; line-height: 18px; }
.azul38 { font-size: 38px; color: #3aadef; text-decoration: none; letter-spacing: -1px; line-height: 36px; }
.blanco17 { font-size: 17px; color: #ffffff; text-decoration: none; letter-spacing: -1px; line-height: 16px; }
.gris12 { font-size: 12px; color: #5e5e5e; text-decoration: none; }
.gris10c { font-size: 10px; color: #a9a9a9; text-decoration: none; line-height: 10px; }
.gris12c { font-size: 12px; color: #a9a9a9; text-decoration: none; }
.negro11 { font-size: 11px; color: #101010; text-decoration: none; }
.negro12 { font-size: 12px; color: #101010; text-decoration: none; }
.negro13 { font-size: 13px; color: #101010; text-decoration: none; }  
.negro14 { font-size: 14px; color: #101010; text-decoration: none; } 
.negro17 { font-size: 17px; color: #101010; text-decoration: none; letter-spacing: -1px; line-height: 16px; }
.negro23 { font-size: 21px; color: #101010; text-decoration: none; letter-spacing: -1px; line-height: 19px; }
.negro24 { font-size: 24px; color: #101010; text-decoration: none; letter-spacing: -1px; line-height: 22px; }
.rojo38 { font-size: 38px; color: #cd1212; text-decoration: none; letter-spacing: -1px; line-height: 36px; }
.verde11 { font-size: 11px; color: #89b70d; text-decoration: none; }
.verde12 { font-size: 12px; color: #89b70d; text-decoration: none; }
.verde17 { font-size: 17px; color: #89b70d; text-decoration: none; letter-spacing: -1px; line-height: 16px; }
.verde38 { font-size: 38px; color: #89b70d; text-decoration: none; letter-spacing: -1px; line-height: 36px; }
.rojo11 { font-size: 11px; color: #cd1212; text-decoration: none; }
.rojo12 { font-size: 12px; color: #cd1212; text-decoration: none; }
.gris24 { font-size: 24px; color: #bdbdbd; text-decoration: none; }
.negro24R { font-size: 24px; color: #000000; text-decoration: none; }

.negrita { font-weight:bold; }
.clearAll { margin: 0px; padding: 0px; border: 0px; clear: both; //clear: none; }
.mBot9 { margin-bottom: 9px }
.mLeft30 { margin-left: 30px }
.align_r { float: right } 
.imgHover:hover { opacity:0.4; filter:alpha(opacity=40); }
.underline { text-decoration: underline }

/* TAGS */ 
html { height: 100% } 
body { background-color: #ffffff; text-align: center; margin: 0px; padding: 0px; border: 0px; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
br { line-height: 7px; height: 7px; } 
a { outline:none; }


/* MAQUETACION */ 
#container { position: relative; float: inherit; width: 980px; margin: 0 auto; text-align: left; }

#bannerVisor { width: 976px; height: 284px; position: relative; float: left; margin-left: 2px; text-align: left; overflow: hidden; border: #cfcfcf 1px solid; } 
.bannerVisorPromo { position: absolute; left: 0px; top: 0px; width: 975px; height: 284px; text-align: left; display: none; overflow:hidden; } 
#bannerSig { position: absolute; left: 924px; top: 98px; width: 39px; height: 78px;  display: none; background: transparent url(/files/hder.png) left top no-repeat; cursor: pointer; } 
#bannerAnt { position: absolute; left: 15px; top: 98px; width: 39px; height: 78px; z-index: 100; display: none; background: transparent url(/files/hizq.png) left top no-repeat; cursor: pointer; } 
#bannerPlayer { position: absolute; left: 40px; top: 260px; width: 500px; height: 20px; z-index: 120; } 
.bannerOff { width: 17px; height: 18px; position: relative; float: left; text-align: center; background: transparent url(/files/hplayer-off.png) left top no-repeat; padding-top: 1px; margin-right: 3px; display: block; cursor: pointer; } 
.bannerOn { background: transparent url(/files/hplayer-on.png) left top no-repeat }

#containerColum1 { width: 220px; position: relative; float: left; margin-left: 2px; text-align: left; margin-top:30px;  }
#containerColum2 { width: 748px; position: relative; float: right; text-align: left; margin-top:30px; }

#hPorque { width: 218px; position: relative; float: left; margin-left: 0px; text-align: left; margin-bottom:15px; }
#hPorque ul { margin: 0px; padding: 0px; padding-left: 28px; *padding-left: 2px; list-style: decimal-leading-zero; width: 190px; margin-top:10px; list-style-position: outside; } 
#hPorque li {  float: left; border-bottom:#d4d4d4 solid 1px; width: 188px; padding-bottom: 5px; padding-top:5px; }
#hPorque a:hover { text-decoration: underline; }

#hBanner { position: relative; float: left; text-align: left; margin-bottom:18px; }

#hNuestros { width: 218px; position: relative; float: left; margin-left: 0px; text-align: left; }
#hNuestrosBorde { width: 192px; padding: 12px; position: relative; float: left; text-align: left; border-left:#d4d4d4 solid 1px; border-right:#d4d4d4 solid 1px; background-color:#f8f8f8; }
#hNuestros ul { margin: 0px; padding: 0px; list-style: none; width: 194px;   } 
#hNuestros li {  float: left; width: 100%; padding-bottom: 10px; }
#hNuestros a:hover { text-decoration: underline; }

#hDestacamos { position: relative; float: left; margin-left: 30px; text-align: left; height:326px; }
@media screen and (-webkit-min-device-pixel-ratio:0){
	#hDestacamos { height:341px; }
}  
@-moz-document url-prefix(){
   #hDestacamos { height:350px; }
} 
#hDestacamos ul { margin: 0px; padding: 0px; list-style: none; margin-top:20px; } 
#hDestacamos li {  float: left; width: 190px; margin-left:65px; }
#hDestacamos .first { margin-left:0px; } 



/* grafica de mercados */
#hMercados { position: relative; float: left; text-align: left; margin-top:8px; }
#hMercadosBolsas { width: 748px; height:38px; position: relative; float: left; text-align: left; margin-top:5px; background-color:#000 }

#hMercadosBolsasWindow { position: absolute; left: 29px; top: 5px; width: 690px; height: 32px; overflow: hidden;  }
#hMercadosBolsasContainer { position: absolute; left: 0px; top: 0px; height: 32px; overflow: visible; }
#hMercadosBolsasLeft { position: absolute; left: 0px; top: 0px; width: 28px; height: 38px; cursor:pointer; }
#hMercadosBolsasRight { position: absolute; left: 722px; top: 0px; width: 28px; height: 38px; cursor:pointer; }
#hMercadosBolsasData { height:27px; position: relative; float: left; text-align: right; border-right:#6b6b6b solid 1px; padding-left:12px; padding-right:12px; cursor:pointer;  }
#hMercadosBolsasContainer .primero { border-left:#6b6b6b solid 1px;  }
#hMercadosBolsasData ul { margin: 0px; padding: 0px; list-style: none; } 
#hMercadosBolsasData li { height:16px; }

#hMercadosDatos { width: 746px; height:158px; position: relative; float: left; text-align: left; border:#d4d4d4 solid 1px; border-top:none; background: transparent url(/files/visor-bolsa-bg.png) left top no-repeat; }

#hMercadosDatosTapa { position: absolute; left: 2px; top: 2px; width: 530px; height: 128px; background-color:#FFFFFF; display:none; z-index:999; }
#hMercadosDatosTapa2 { position: absolute; left: 538px; top: 2px; width: 205px; height: 155px; background-color:#FFFFFF; display:none; z-index:999; }             
  
#hMercadosDatosName { position: absolute; left: 0px; top: 24px; width: 168px; height: 26px; text-align:right; }
#hMercadosDatosValor { position: absolute; left: 2px; top: 42px; width: 165px; height: 38px; text-align:right; }               
#hMercadosDatosFecha { position: absolute; left: 190px; top: 28px; width: 125px; height: 13px; text-align:right; }
#hMercadosDatosPorciento { position: absolute; left: 190px; top: 42px; width: 128px; height: 36px; text-align:right; }

#hMercadosDatosRangos { position: absolute; left: 25px; top: 89px; width: 308px; height: 30px; }
#hMercadosDatosRangos ul { margin: 0px; padding: 0px; list-style: none; } 
#hMercadosDatosRangos li { float: left; width: 130px; }
#hMercadosDatosRangos .valorR1 { width: inherit; }

#hMercadosDatosGrafica { position: absolute; left: 365px; top: 0px; width: 155px; height: 130px; overflow:hidden; }
#hMercadosDatosLinks { position: absolute; left: 25px; top: 139px; width: 500px; height: 15px;  }
#hMercadosDatosLinks a:hover { text-decoration:underline;  }

#hMercadosDatosSuben { position: absolute; left: 544px; top: 3px; width: 166px; height: 75px; }
#hMercadosDatosSuben ul { margin: 0px; padding: 0px; list-style: none;  } 
#hMercadosDatosSuben li { float: left; width: 120px; height:12px; }
#hMercadosDatosSuben .valorS { width: 45px; text-align:right; }
              
#hMercadosDatosBajan { position: absolute; left: 544px; top: 80px; width: 166px; height: 75px; }
#hMercadosDatosBajan ul { margin: 0px; padding: 0px; list-style: none; } 
#hMercadosDatosBajan li { float: left; width: 120px; height:12px; }
#hMercadosDatosBajan .valorB { width: 45px; text-align:right; }


/*
#hMercadosDatosEuroUsd { position: absolute; left: 25px; top: 168px; width: 140px; height: 40px; }

#hMercadosDatosBonos { position: absolute; left: 204px; top: 170px; width: 268px; height: 38px;}
#hMercadosDatosBonos ul { margin: 0px; padding: 0px; list-style: none; } 
#hMercadosDatosBonos li { float: left; width: 136px; height:14px; }
#hMercadosDatosBonos .valorB1 { width: 55px; text-align:right; }
#hMercadosDatosBonos .valorB2 { width: 25px; text-align:center; }
#hMercadosDatosBonos .valorB3 { width: 48px; text-align:left; }

#hMercadosDatosPrima { position: absolute; left: 498px; top: 167px; width: 224px; height: 40px; }
#hMercadosDatosPrima ul { margin: 0px; padding: 0px; list-style: none; } 
#hMercadosDatosPrima li { float: left; width: 35px; }
#hMercadosDatosPrima .valorP1 { width: 56px; text-align:right; }
#hMercadosDatosPrima .valorP2 { width: 26px; text-align:right; }
#hMercadosDatosPrima .grafP { float: right; *margin-top: -15px; }
*/

#hMercadosDatosMasInfo { position: absolute; left: 544px; top: 1px; width: 200px; height: 155px; z-index:100; background-color:#FFFFFF; display:none; }
#empBolsa { cursor:pointer; }


/* home clientes */

#hComentario { width: 218px; position: relative; float: left; margin-left: 0px; text-align: left; margin-bottom:20px; }
#hComentarioBorde { width: 192px; padding: 12px; position: relative; float: left; text-align: left; border-left:#d4d4d4 solid 1px; border-right:#d4d4d4 solid 1px; background-color:#f8f8f8; }
#hComentario a:hover { text-decoration: underline; }

#hDestacamosClientes { position: relative; float: left; margin-left: 30px; text-align: left; }
#hDestacamosClientes ul { margin: 0px; padding: 0px; list-style:none; margin-top:20px; } 
#hDestacamosClientes li {  float: left; width: 340px; height:62px; margin-left:20px; padding-bottom:25px; }
#hDestacamosClientes .first { margin-left:0px; border-right:#d4d4d4 solid 1px; }
#hDestacamosClientesFoto { position: relative; float: left; margin-right: 10px; text-align: left; width: 98px; }
#hDestacamosClientesTxt { position: relative; float: left; text-align: left; width: 213px; height:45px; }
#hDestacamosClientesVerMas { position: relative; float: right; text-align: left; width: 20px; height:21px; bottom:0px; margin-right:15px;  }

#hBordeNegro { width: 100%; position: relative; float: left; border-top:#000000 solid 6px; border-bottom:#000000 solid 6px; margin-top:5px; }