@CHARSET "UTF-8";

html,body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  margin-bottom: 18px; /* always show scrollbar to avoid page jumping */
}

body {
  background-color: #CFD0CF;
  /*color: #D1D3D2;*/
  font-family:Tahoma;
  font-size:11px;
  text-decoration:none;
}

table {
  _font-family:Tahoma;
  _font-size:11px;
}

body#mcasual
{
  text-align: center;
}

#full{
  width: 972px;
  margin: 0px auto 0px auto;
  overflow: auto;
  background-color: white;
  text-align: left;
}

.tdlink {
	font-family:Tahoma;
	font-size:11px;
	color: #058210;
	text-decoration: none;
}

a:hover{
	color:#023454
}

.tdazul {
	font-family:Tahoma;
	font-size:11px;
	color: #023454;
	text-decoration: none;
}

.td4b{
	color:#36393D;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

.error{
  color: red;
}

.error-message{
  color: red;
}

.tfvHighlight{
  color: red;
}

#ajax_loader{
  position: relative;
  float: left;
}

/**  HEADER **/

#header {
  position: relative;
  float: left;
  left: 0px;
  /*top: -16px;*/
  width: 100%;
  height: 123px;
  border-bottom: 2px solid #C2C0C1;
}

#logo{
	top: 16px;
  float: left;
  height: 107px;
  position: relative;
  width: 100%; 
  background: url(/img/theme_black/bg_top.jpg) no-repeat 0 0;
}

#logo1{
  float:left;
  height:107px;
  position:relative;
  width:308px;
}

#curva{
  float: left;
  height: 123px;
  position: relative;
  width: 22px;
  background: url(/img/theme_black/curva_top.png) no-repeat;
  z-index: 2;
  top: -16px;
}

#btnsSites{
  position: relative;
  float: left;
  height: 97px;
  width: 180px;
  left: -10px;
  top: 10px;
}

#menuTop{
  position: absolute;
  float: right;
  left: 667px;
  top: 97px;
  height: 26px;
}

#btn2{
  position: relative;
  left: 99px;
  margin-left: 2px;
  top: -28px;
  *top: -26px;
}

#btn3{
  position: relative;
  left: 198px;
  margin-left: 4px;
  top: -56px;
  *top: -52px;
}

#login{
  position: absolute;
  left: 667px;
  top: 30px;
  height: 60px;
  width: 300px;
}

.loginText{
  width: 125px;
  border: none; 
}

#login label{
  font-weight: bolder;
}

#title_category
{
  line-height: 2em;
  width: 80px;
  border-left: 10px;
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 10px;
}

.row{
  position: relative;
  float: left;
}

#category_image{
  border: 1px solid #E3E3E3;
  position: relative;
  width: 762px;
  overflow: hidden;
  height: 45px; 
}

#divGost{
  padding: 5px;
  height: 18px;
  border: 1px solid #DADBDB;
}

#divGostCont{
  position: relative;
  padding: 5px;
  float: right;
  top: -18px;
  left: 0px;
  height: 100%;
}

#tabTicker {
  background-color: #023454;
  width: 664px;
  position: relative;
  float: left;
  left: 308px;
  top: -125px;
  height: 18px;
}

#tabTicker #ticker{
  overflow:hidden; 
  width: 100%;
  padding-top: 4px;
  text-align: center;
  font-family: Tahoma;
  font-size: 11px;
  text-decoration: none;
  color: #FFFFFF;
}

#tabTicker #ticker a:link, 
#tabTicker #ticker a:visited, 
#tabTicker #ticker a:active, 
#tabTicker #ticker a:hover{
  overflow:hidden; 
  padding-top: 2px;
  text-align: center;
  font-family: Tahoma;
  font-size: 11px;
  text-decoration: none;
  color: #FFFFFF;
}

#logMsj{
  border-left:1px none;
  color:white;
  float:left;
  font-weight:bold;
  height:20px;
  left:500px;
  margin:5px;
  position:relative;
  top:-80px;
  width:150px;
}

#logMsj .classMsj
{
  margin: 5px;
}

/** FIN HEADER **/

/** LEFT **/
#left{
  float: right;
  width: 187px;
  padding-top: 10px;
  padding-right: 5px;
  padding-left: 5px;
  position: relative;
}

#menuLeft {
  float: right;
  position: relative;
  width: 187px;
  background: transparent url('/img/theme_black/bkmod.gif') repeat-y;
  text-align: center;
}

#menuLeftTop {
  background: url('/img/theme_black/menu_left_top.gif') no-repeat;
  height: 12px;
  width: 187px;
}

#menuLeftBottom{
  background: url(/img/theme_black/menu_left_bottom.gif) no-repeat;
  height: 12px;
  width: 187px;
}

#menuLeft .menuLeftItem{
  margin-top: 10px;
  margin-bottom: 10px;
}

#miniNewsBody{
  background-color: #ffffff;
  border-left: 1px solid #C2C0C1;
  border-right: 1px solid #C2C0C1;
  padding: 2px;
  margin-left: 5px;
  width: 172px;
}

#miniNewsBody a:hover{
  color:#023454;
}

.full_row_price{
  position: relative;
  width: 100%;
  vertical-align: middle;
  float: left;
}

#l_stock_list{
  border: #E3E3E3 solid 1px;
  position: relative;
  width: 100%;
  /*height: 508px;*/
  float: right;
}

#home_left .stock_list_info{
  margin: 5px;
  width: 98%;
  height: 460px;
}

.stock_list_paginator{
  margin: 5px;
  width: 100%;
  /*position: relative;
  float: right;*/
}

#l_stock_detail_container
{
  position: relative;
  float: left;
  width: 96%;   
}

#tab1 
{
  position: relative;
  float: left;
  width: 100%;
}

#l_stock_detail .add_comment
{
  border: #E3E3E3 solid 1px;
  font-family:Tahoma;
  font-size:11px;
  text-decoration: none;
}

#l_stock_list .pricedetailshort{
  font-family:Tahoma;
  font-weight: bold;
  font-size:11px;
  width: 62px;
  text-align:center;
  vertical-align:middle;
  position: relative;
  float: left;
  border-style: solid;
  border:1px solid;
  border-color:white;
  background-color:#E4E2E3;
}

#l_stock_list .pricedetail{
  font-family:Tahoma;
  font-weight: bold;
  font-size:10px;
  text-align:center;  
  vertical-align: middle;
  position: relative;
  float: left;
  border-style: solid;
  border:1px solid;  
  border-color:white;
  width: 145px;
  background-color:#E4E2E3;
}

#l_stock_list .pricedetailLast{
  font-family:Tahoma;
  font-weight: bold;
  font-size:10px;
  text-align:center;  
  vertical-align: middle;
  position: relative;
  float: left;
  border-style: solid;
  border:1px solid;
  border-color:white;
  width: 145px;
  background-color:#E4E2E3;
}
#l_stock_list .name a{
  font-family:Tahoma;
  font-size:11px;
  color: #0073bd;
  text-decoration: none;
  width: 98%;
  position: relative;
  float: left;
}

#l_stock_list .name a:hover{
  font-family:Tahoma;
  font-size:11px;
  color: #363636;
  text-decoration: none;
  width: 98%;
  position: relative;
  float: left;
}

#l_stock_list .price{
  width: 33%;
  position: relative;
  float: left;
}

.stock_list_info{
  margin: 5px;
  width: 98%;
}

.stock_list_paginator{
  margin: 5px;
  width: 100%;
  position: relative;
  float: left;
}

.pag_prevnext
{
  float: left;
  width: 30%;
  text-align: center;
  
}

.pag_prevnext a 
{
  color: blue;
}

.pag_text
{
  float: left;
  width: 35%;
  text-align: center;
  font-weight: bold;
}

#divSearch input{
  border: none;
  height: 12px;
  width: 210px;
  top: 8px;
  *top: 5px;
  left: 14px;
  position: relative;
}

#divSearchBtn{
  position: relative;
  float: left;
  height: 29px;
  width: 97px;
  border-top: 1px solid white;
}

#divSignup{
  position: relative;
  float: left;
  width: 100%;
  height: 23px;
  margin-top: 8px;  
}

#cor123Izq{
  background: transparent url("/img/theme_black/cone123_izq.png") no-repeat;
  width: 71px;
  height: 96px;
  margin-left: 50px;
  position: relative;
  top: 130px;
}

#btn1_{
  width: 198px;
  height: 148px;
  position: relative;
  top: -36px;
  float: left;
  left: 121px;
}

#btn2_{
  left: -5px;
  position: relative;
  top: -18px;
  width: 232px;
  height: 111px;
  float: left;
}

#cor123Der{
  background: transparent url("/img/theme_black/cone123_dere.png") no-repeat;
  width: 67px;
  height: 89px;
  position: relative;
  top: 168px;
  left: 225px;
}

#btn3_{
  width: 209px;
  height: 132px;
  left: 129px;
  position: relative;
  top: -2px;
  float: left;
}
/** FIN LEFT **/

/** MAIN **/ 

div#containerMain{
  width: 764px;
  position: relative;
  float: left;
  left: 10px;
  border-bottom: 1px solid #C2C0C1;
  border-left: 1px solid #C2C0C1;
  border-right: 1px solid #C2C0C1;
}

#home_left{
  width: 370px;
  _width: 368px;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 2px;
  position: relative;
  float: left;
}

#home_right{
  width: 374px;
  margin-top: 5px;
  margin-left: 3px;
  margin-bottom: 5px;
  margin-right: 5px;
  position: relative;
  float: right;
  top: -19px;
  *top: 0px;
  right: 0px;
}

/*  r_event_detail */
#r_event_detail{
  border: 1px solid #E3E3E3;
  position: relative;
  float: left;
  width: 100%;
  /*height: 508px;*/
}

#r_event_detail .event_left{
  width: 27%; 
  margin: 5px;
  position: relative;
  float: left;
}

#r_event_detail .event_right{
  width: 67%;
  margin: 5px;
  position: relative;
  float: left;
}

#r_event_detail #graphic{
  width: 98%;
  margin: 5px;
  text-align: center;
  position: relative;
  float: left;
  height: 300px;
}
#buy_form1
{
  position: relative;
  float: left; 
  /*top: 180px;*/ 
  width: 100%;  
}
#r_event_detail .text_title{
  position: relative;
  width: 100%;
  text-align: center; 
}
  
#r_event_detail #graphic img{
  margin: 15px;
  width: 90%;
}


#r_event_detail .buy_form1{
  margin: 5px;
  width: 98%
}

#r_event_detail .center{
  text-align: center;
  line-height: 2em;
}

#r_event_detail #validacion{
  width: 100%;
  float: left;
}
#r_event_detail #validacion .right{
  width: 55%;
  float: left;
  margin: 7px;
}
#r_event_detail #validacion .left{
  width: 35%;
  float: left;
  margin: 7px;  
}
#r_event_detail #orden #left1 .dtable {
  border: 1px solid #000000;
  overflow: hidden;
  width: 100%;
}

div#stockFoo1 {
  padding: 3px 3px 10px 3px;
  text-align: left;
}

div#stockFoo1 ul{
  display: inline;
  position: relative;
  /*margin: 0px auto 0px auto;*/
  text-align: center;
  padding: 3px;
}

div#stockFoo1 ul li{
  padding: 0px;
  margin: 0px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  display: inline;
  font-weight: bold;
}

#divGhostBack{
  position: relative;
  float: right;
}

div#stockFoo1 ul li a{
  color: #058210;
}

.sstock_choose{
  text-decoration: underline;
}

.mini_stock_info{
  border: #E3E3E3 solid 1px;
  height: 220px;
  margin-bottom: 3px;
  position: relative;
  float: left;
}

.mini_stock_info a{
  margin-left: 10px;
  color: #058210;
}

.mini_stock_info .mini_link a:hover{
  font-family:Tahoma;
  font-size:11px;
  text-decoration: none;
  float: left;
  position: relative;
  width: 98%;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #058210;
}

.mini_stock_info .mini_link a{
  font-family:Tahoma;
  font-size:11px;
  color: #058210;
  text-decoration: none;
  float: left;
  position: relative;
  width: 98%;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.mini_stock_info .mini_picture{
  display: inline;
  position: relative;
  float: left;
  width: 30%;
  top: 5px;
  margin-left: 5px;
}

.mini_stock_info .mini_text{
  display: inline;
  position: relative;
  float: left;
  width: 98%;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.mini_stock_info .mini_graph{
  display: inline;
  position: relative;
  float: left;
  width: 40%;
  top: 5px;
}

.mini_stock_info .mini_price{
  display: inline;
  position: relative;
  float: left;
  width: 24%;
  top: 5px;
}

/* Tabs */

div.tabArea {
  font-size: 80%;
  font-weight: bold;
}

a.tab {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #808080;
}

a.tab:hover {
  background-color: #d0d0d0;
  color: #606060;
}

a.tab.activeTab {
  z-index: 102;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #c0c0c0;
  color: #000000;
}


div.tabMain {
  background-color: #c0c0c0;
  border: 1px solid #000000;
  padding: 5px;  
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
  width: 98%;
  height: 500px;
  overflow: hidden;
  margin-top: 10px;
}


/** FIN MAIN **/ 

/** BRIEFCASE **/

#home_briefcase
{
  float:left;
  height:600px;
  position:relative;
  width:98%;
  margin: 5px;
}

#home_briefcase #list_stock
{
  width: 100%;
}

#menu_briefcase
{
  height: 30px;
  line-height: 2em; 
  width: 100%;
}

#menu_briefcase .title_briefcase
{
  line-height: 2em; 
  font-weight: bold;
}

#paginator_briefcase
{
  height: 20px;
  width: 100%;
  text-align: center;
}

#more_briefcase
{
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 35px;
}

/** FIN BRIEFCASE **/


/** MAP SITE  **/

div.mapSite{
  margin: 0px auto 0px auto;
  width: 972px;
  background: url('/img/barr_btt.gif') repeat-x;
  background-position: 5% 0px;
  background-color: white;
  height: 50px;
  color:#ACACAB;
  top: 883px;
  text-align: center;
}

div.mapSite ul{
  display: inline;
  position: relative;
  top: 20px;
  margin: 0px auto 0px auto;
  text-align: center;
}

div.mapSite ul li{
  padding: 0px;
  margin: 0px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  display: inline;
}

div.mapSite ul li a{
  font-family:Tahoma;
  font-size:11px;
  color: #058210;
  text-decoration: none;
}

/** Fin MAP SITE **/

/** FOOTER **/
div.containerBottom {
  width: 972px;
  margin: 0px auto 0px auto;
  height: 20px;
  text-align: center;
  top: 933px;
}

div.containerBottom div{
  margin: 0px auto 0px auto;
  width: 50%;
  color: navy;
}

div.containerBottom div a{
  color:#0073BD;
}

/** FIN FOOTER **/