/* CSS Document */

*, html{ margin:0; padding:0;}

:focus{
	outline:0;
}

body{
text-align:center;
background-color:#fff;
}

a{
color:#2d94ba;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}

a:link a:visited{
color:#2d94ba;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#2d94ba;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:bold;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
}
img {
	border-width:0px;
}

.tooltip, .tooltip2 {
	border-right-color:#cccccc;
	padding-left:6px
}

.tooltip a, .tooltip2 a {
text-decoration: none;
}

.tooltip a:hover, .tooltip2 a:hover {
position: relative;
cursor:help;
}

.tooltip a span , .tooltip2 a span {
display: none;
font-weight:bold;
}

.tooltip a:hover span, .tooltip2 a:hover span{
display: block;
/* formatting only styles */
width:200px;
padding: 5px; margin: 10px; z-index: 999!important;
background: #f0f0f0; border: 1px dotted #c0c0c0;
opacity: 0.9;
/* end formatting */
}
.tooltip a:hover span{
position: absolute; top: 10px; left: 4px;
}
.tooltip2 a:hover span{
position: absolute; top: -65px; left: 4px;
}

tr td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#web{
width:990px;
position:relative;
margin:0 auto 0 auto;
background: #ffffff;
}

/* ##########  INICIO DE CABECERA  ########## */

#cabecera{
width:990px;
float:left;
background-color:#FFFFFF;
position:relative;
margin:10px 0 10px 0;
}

#logotipo{
width:240px;
float:left;
text-align:left;
padding:8px 0 0 10px;
}

#logotipo p{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#494a4a;
}

#logotipo a:hover{
text-decoration:none;
}

#lema{
width:240px;
float:left;
}

#lema h1{
font-size:15px;
text-align:left;
padding-left:10px;
padding-bottom:0px;
color:#000000;
}

#lema h2{
font-size:15px;
text-align:left;
padding-left:10px;
padding-bottom:0px;
color:#000000;
font-weight:normal;
}

#banner_superior{
width:728px;
float:right;
height:90px;
text-align:left;
}

#menu_superior{
width:500px;
float:right;
height:26px;
background-color:#fff;
}

#menu_superior ul{
text-align:right;
padding-left:20px;
line-height:26px;
}

#menu_superior ul li{
display:inline;
list-style:none;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
}

/* ##########  FIN DE CABECERA  ########## */


/* ##########  INICIO MENU NAVEGACION  ########## */

.navega{
	width:990px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
	/**height: 105px;  patrocinio**/
	height: 70px;
}

.idioma{
	background-image: none!important;
	line-height:10px;
	padding-top: 10px;
}
.hora{
	margin:0; 
	padding:0; 
	background-image:url(/wbo/bg_reloj.gif); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	float:right!important;
}

#dropline {
	position:relative; 
	width:990px;
	height:55px; 

	background-image:url(/wbo/reloj_bg.gif);
	background-repeat:repeat-x; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2D94BA;
	font-size:12px;
}

#dropline ul {
	padding:0;
	margin:0;
	list-style:none;
	width:990px;
	height:35px;
}

#dropline ul ul {padding:0; 
	margin:0; 
	list-style:none; 
	height:35px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#dropline table {border-collapse:collapse; 
margin:-1px -20px 0 0; 
padding:0; 
width:0; 
height:0; 
font-size:1em;
}
#dropline li {float:left; 
height:35px; 
}
#dropline li a {
	float:left;
	display:block;
	padding:0 0 0 10px;
	height:35px;
	line-height:35px;
	color:#2D94BA;
	text-decoration:none;
	font-family:tahoma, arial, verdana, sans-serif;
	background-image: url(/wbo/tabs.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#dropline li a b {float:left; 
height:35px; 
display:block; 
padding:0 22px 0 10px; 
background:url(/wbo/tabs.png) no-repeat right top; 
cursor:pointer; 
display:inline;
}

#dropline li.current a {background-position:0 -35px; 
border-color:#fff;}

#dropline li.current a b {background-position:100% -35px; 
	color:#2D94BA;
}

#dropline li ul {
	position:absolute;
	top:35px;
	left:-9999px;
	z-index:10;
	background-image: url(/wbo/menu_bg2.gif);
	text-align:center;
	/**height:70px;  patrocinios**/
		height:35px;
	border:1px solid #ccc;
padding:0px;
text-align:center;

}

#dropline li.current ul {
	left:0;
	z-index:1;
	/**height:70px;  patrocinios**/
		height:35px;
	background: #fff;
background-image: url(/wbo/menu_bg.gif);

padding:0px;
text-align:center;

}

#dropline img{
padding-top:1px;
}
#dropline li a:hover {
	background-position:0 -70px; 
	border-color:#000; 
	cursor:pointer;
}

#dropline li a:hover b {
	background-position:100% -70px; 
	border-color:#000; 
	color:#2D94BA;
}

#dropline li:hover > a  {
	background-position:0 -70px; 
	border-color:#000; 
	cursor:pointer;
	}

#dropline li:hover > a b {
	background-position:100% -70px; 
	border-color:#000; 
	color:#2D94BA;
}

#dropline li.current a:hover {
	background-position:0 -35px; 
	border-color:#000;
}

#dropline li.current a:hover b {
	background-position:100% -35px; 
	color:#2D94BA;
}

#dropline li.current:hover a {
	background-position:0 -35px; 
	border-color:#000;
}

#dropline li.current:hover a b {
	background-position:100% -35px; 
	color:#2D94BA;
}

#dropline ul :hover ul {
left:0; 
}

#dropline ul :hover ul li a {
	display:inline; 
	background: url(/wbo/bar.gif) right center no-repeat; 
	padding:0px; 
	margin:0; 
	font-size:12px; 
	width:auto; 
	white-space:nowrap; 
	border:0; 
	color:#2D94BA;
	height:35px; 
	line-height:34px;
		border:0px solid #FF0000;
		width:75px;
}

#dropline ul li.current ul li a, #dropline li.current a:hover ul li a, #dropline li.current:hover ul li a	{
	display:inline; 
	background: url(/wbo/bar.gif) right center no-repeat; 
	padding:0px; 
	margin:0; 
	font-size:12px; 
	white-space:nowrap; 
	border:0; 
	color:#2D94BA;
	height:35px; 
	line-height:34px;
	border:0px solid #FF0000;
	width:75px;
	
}

patroc_menu{

	float:left; 
	clear:both;
	width:100%;
	padding-top:0px;
	height:15px;
	text-align:center;}
/* ##########  FIN MENU NAVEGACION  ######### */


/* ########## INICIO CONTENIDO ########## */

#contenido{
width:990px;
float:right;
position:relative;
background-color:#FFF;
padding-top:4px;
padding-right:0px;
padding-bottom:20px;
text-align:left;
}

#ruta{
width:640px;
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5e80a3;
padding-bottom:6px;
padding-left:20px;
margin-top:4px;
}

#section{
width:650px;
height:40px;
line-height:40px;
float:right;
background-color:#F3f3f3;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-right:1px solid #E1E2E4;
border-left:1px solid #E1E2E4;
border-bottom:1px solid #E1E2E4;
padding-left:20px;
padding-right:20px;
}

#NameSection{
width:610px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-align:left;
color:#2d94ba;
}

#comprar{
width:150px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#cont_principal{
width:650px;
float:right;
background-color:#fff;
padding-right:20px;
padding-left:20px;
padding-top:20px;
text-align:left;
border-right:1px solid #E1E2E4;
border-left:1px solid #E1E2E4;
}
#cont_derecha{
width:670px;
float:right;
background-color:#fff;
padding-right:0px;
/*padding-left:20px;*/
text-align:left;
/*border-right:1px solid #E1E2E4;
border-left:1px solid #E1E2E4;*/
}
#cont_principal tr td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#form_agregar{
width:100%;
float:left;
margin-top:10px;
padding:10px 6px 0 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-align:left;
border:1px solid #2d94ba;
}

#form_agregar h1{
font-size:12px;
height:20px;
line-height:20px;
background-color:#2d94ba;
padding-left:6px;
margin-bottom:4px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

/* ########## INICIO LISTADO DE ACCIONES ########## */

.detalles_lista{
width:567px;
height:140px;
border:0px solid #d7d7d7;
}

#listado{
}

#listado table{
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

#listado table tr{
border-bottom:1px solid #000;
border-top:1px solid #000;
}

#listado table tr td{
padding:2px 6px 2px 4px;
border-bottom:1px solid #e2e2e2;
border-top:1px solid #e2e2e2;
background-color:#f3f3f3;
}

/* ########## FIN LISTADO DE ACCIONES ##########*/


#topvalores{
width:280px;
float:left;
color:#000000;
margin-bottom:20px;
border:1px solid #d8d8d8;
}

#topvalores table tr td{
height:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:20px;
}

#topSubvalores{
width:280px;
float:right;
color:#000000;
margin-bottom:20px;
border:1px solid #d8d8d8;

}

#topSubvalores table tr td{
height:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:20px;
}

#indice_forevex{
width:290px;
float:left;
height:200px;
border:1px solid #d8d8d8;
}

#indice_forevex h1{
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#2d94ba;
height:22px;
line-height:22px;
}


#neteuros{
width:280px;
border:1px solid #d8d8d8;
padding:0;
margin:0;
}

#comojugar{
width:280px;
border:1px solid #d8d8d8;
padding:0;
margin:0;
}

#comojugar a{
text-decoration:none;
}

/* ########## MI CARTERA ########## */

.titulo_azul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5e80a3;
font-weight:bold;
}

/* ########## FIN MI CARTERA ########## */


/* ######## COTIZACIÓN ########## */

#titulo_cotizacion{
background-color:#5e80a3;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.link_blanco{
background-color:#5e80a3;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.link_name{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-weight:bold;
}

.link_valor{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

/* ######## FIN COTIZACION ########## /*



/* ######## INICIO DETALLE VALOR ############ */

.ultimosvalores{
border-top:1px solid #000000;
}

/* ######## FIN DETALLE VALOR ############### */




/* ######### PANEL LATERAL ########## */

#cont_lateral{
width:220px;
float:left;
padding-top:0;
margin-top:0;
}

.menuverti_cab{
background-image:url(/wbo/menu_verti.gif);
background-repeat:repeat-x;
}

#menuverti1{
width:214px;
border:1px solid #BAD4E7;
margin-bottom:10px;
text-align:left;
margin-left:6px;
}

#menuverti1 td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:2px;
height:19px;
width:214px;
}

#registro{
width:210px;
}

#user_panel{
width:210px;
border:1px solid #CCCCCC;
text-align:left;
padding:10px 2px 0 6px;
background-image:url(/wbo/sesion_bg.gif);
background-position:top right;
background-repeat:no-repeat;
}

#user_panel table tr td{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
}

#user_panel h1{
font-size:12px;
padding-left:4px;
text-align:left;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:6px;
}

#inicio_sesion{
width:210px;
border:1px solid #CCCCCC;
text-align:left;
padding:10px 2px 0 6px;
background-image:url(/wbo/sesion_bg.gif);
background-position:right;
background-repeat:no-repeat;
margin-bottom:10px;
}

#inicio_sesion h1{
font-size:12px;
padding-left:4px;
text-align:left;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:6px;
}

#inicio_sesion table tr td{
width:210px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

#noticias{
width:550px;
margin-top:10px;
padding:10px 6px 0 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-align:left;
border:1px solid #2d94ba;
}

#noticias h1{
font-size:12px;
height:20px;
line-height:20px;
background-color:#2d94ba;
padding-left:6px;
margin-bottom:4px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}


#menuverti2{
width:214px;
border:1px solid #BAD4E7;
margin-top:10px;
margin-bottom:10px;
text-align:left;
margin-left:6px;
}

#menuverti2 td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:2px;
height:19px;
width:214px;
}


#banner_2{
margin-top:10px;
}

#menuvert_indices{
width:214px;
border:1px solid #BAD4E7;
margin-top:10px;
margin-bottom:10px;
text-align:left;
margin-left:6px;
}

#menuvert_indices td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:2px;
height:19px;
width:214px;
}

.menuverti_cab{
background-image:url(/wbo/menu_verti.gif);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:14px;
font-weight:bold;
}

.menuverti_mem{
border-bottom:1px solid #c3d8df;
width:198px;
}

.menuverti_mem3{
border-bottom:3px solid #c3d8df;
width:198px;
}

/* ######### FIN LATERAL ########## */

/* ########## FIN CONTENIDO ########## */


/* ########## INICIO PIE DE PAGINA ########## */

#pie{
width:100%;
float:left;
background-color:#2D94BA;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
text-align:center;
line-height:20px;
}

#pie a{
text-decoration:none;
color:#FFFFFF;
}

#pie a:hover{
text-decoration:underline;
}

/* ########## FIN PIE DE PAGINA ########## */

#nuevovalor{
width:100%;
float:left;
background-image:url(/wbo/blackdot.gif);
background-position:top;
background-repeat:repeat-x;
padding-top:10px;
}

#nuevovalor tr td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding:4px;
}

#nuevovalor h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#nuevovalor h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}