.txt_desc{ font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-transform: capitalize; text-align: left; vertical-align: middle; height: auto; margin: 5px; }
.txt_descNOWRAP{ font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-transform: capitalize; text-align: left; vertical-align: middle; height: auto; margin: 5px; white-space:nowrap }
.txt_resp{ font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 5px; }
.txt_informativo{ color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.txt_alerta{ color: #737373; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; }
.txt_opinion{ color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff98d; text-align: center; width: 200px; margin-top: 10px; margin-bottom: 10px; padding: 5px; }
.txt_resaltar{ font-size: 12px; font-weight: bold; }
.txt_mensaje{ color: #8d8d8d; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; margin-top: 5px; margin-bottom: 5px; }
.txt_masinfo{ color: #a4b; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.txt_alfabeto{ color: #787fb3; font-size: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; margin: 5px; }
.txt_listado{ color: #737373; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: square; }
#tablasInfo .AccordionPanelContent ul li { color: #737373; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; list-style-type: square; }
/* enlaces */
.txt_opinion a, 
.txt_opinion a:visited,
.txt_opinion a:active{ color: #787fb3; text-decoration: none; }
.txt_opinion a:hover{ color: #787fb3; text-decoration: underline; }
.txt_masinfo a,
.txt_masinfo a:visited,
.txt_masinfo a:active{ color: #a4b; text-decoration: none; cursor: pointer; }
.txt_masinfo a:hover{ color: #a4b; text-decoration: underline; }
.txt_alfabeto a,
.txt_alfabeto a:visited,
.txt_alfabeto a:active{ color: #787fb3; text-decoration: none; cursor: pointer; }
.txt_alfabeto a:hover{ color: #221d79; text-decoration: overline; }
#tablasInfo .AccordionPanelContent ul li a,
#tablasInfo .AccordionPanelContent ul li a:visited,
#tablasInfo .AccordionPanelContent ul li a:active{ color: #787fb3; text-decoration: none; cursor: pointer; }
#tablasInfo .AccordionPanelContent ul li a:hover{ color: #221d79; text-decoration: underline; }
/* provincias */
.AccordionPanelContent { position: fixed; }
.img_mapa{ cursor: pointer; }
#list_sanjose{ position: relative; top: 0; }
#list_limon { position: relative; top: inherit; float: left; }
/* tablas */
.header{ color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fefefe; background-image: url(../images/header_bg.gif); background-repeat: repeat-x; background-position: left top; text-align: left; letter-spacing: 1px; vertical-align: middle; margin-bottom: 10px; padding: 5px; }
.contenido{ color: #333; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: middle; }
.tabla_descripcion { background-color: #fff; margin: 0; padding: 0; border-left: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; border-top-width: 0; border-right-width: 0; }
.tabla_descripcion td { font-family: Arial, Verdana, Helvetica, sans-serif; padding: 5px; border-top: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; border-bottom-width: 0; border-left-width: 0; }
.tabla_descripcion td .contenido { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 5px; }
.tabla_descripcion .header { color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 12px; background-color: #feda4e; text-transform: capitalize; text-align: center; vertical-align: middle; height: 25px; padding: 3px 5px; }
.tabla_detalle{ background-color: #fff; border-left: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; border-right: 0 solid #b1b1b1; border-top-width: 0; }
.tabla_detalle .header { color: #363636; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 10px; background-color: #7a81b5; background-image: url(../images/header2_bg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; text-transform: capitalize; padding: 2px 3px; height: 20px; vertical-align: middle; margin: 0; border-right: 1px solid #b1b1b1; }
.tabla_detalle td .contenido { padding: 3px; border-top: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; border-bottom-width: 0; border-left-width: 0; }
.tabla_gen{ padding: 5px; }
.tabla_gen td{ text-align: left; padding: 5px; }
/* elementos forms */
select{ color: #363636; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; text-align: left; margin: 5px; padding: 3px; border: solid 1px #ccc; }
input{ color: #363636; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; text-align: left; vertical-align: middle; margin: 5px; padding: 4px; border: solid 1px #ccc; }
textarea { color: #363636; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; text-align: left; margin: 5px; padding: 4px; vertical-align: middle; border: solid 1px #ccc; }
button { color: #363636; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #dfdfdf; margin: auto 10px; padding: 3px; border-color: #b1b1b1 #737373 #737373 #b1b1b1; border-style: solid; border-width: 1px; }
submit { color: #363636; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #dfdfdf; margin: auto 10px; padding: 3px; border-color: #b1b1b1 #737373 #737373 #b1b1b1; border-style: solid; border-width: 1px; }
/* temporales */
.AccordionPanelContent { position: relative; }
#res_busqueda{ visibility: hidden; }

/* Tabs */
#listado { float:left; width:100%; font-size:93%; line-height:normal; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; }
#listado ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#listado li {
  float:left;
  background:url(../images/left_2.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#listado a { float:left; display:block; background:url(../images/right_2.gif) no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#fff; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#listado a {float:none;}
/* End IE5-Mac hack */
#listado a:hover {
  color:#333;
  }
#listado #current {
  background-image:url(../images/left_2_on.gif);
  }
#listado #current a {
  background-image:url(../images/right_2_on.gif);
  color:#1c1475;
  padding-bottom:5px;
  }
/* */
 a.info{
    position:relative; /*this is the key*/
    z-index:24;
   
    color: #a4b;
    text-decoration:underline}

a.info:hover{z-index:25; background-color:#bbf; text-decoration: none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:25em;
    border:1px solid #88f;
    background-color:#eef; color:#555;
    text-align: left;
    padding: 5px;
    }


.txt_listadoInline { color: #737373; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: square; display:inline; 	white-space: nowrap;}
.txt_listadoblock { color: #737373; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: square; display:block; 	white-space: nowrap;}
.txt_listadoNone { color: #737373; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: square; display:none; 	white-space: nowrap;}