/*--------------------------------ACCORDIAN SECTION -------------------------------------------*/
#accordion{
	background:#41587e;
	padding:0px;
	width:239px;
	position:relative;
	padding: 40px 0px 40px 0px;
	display:block;
}

div.accord > div > ul.accord > li {
  width:39px;
  float:left;
  z-index: 1;
}
/*shadow at top begining of sub-accordion */
li.accord  div {
/*  background: transparent url('images_accordion/shadow_top_inner_accordion.png') repeat-x top left;
  margin-top:3px;*/
  width: 239px;
  position:relative;
  font: 11px sans-serif;
/*  text-decoration: none; font-weight: bold;*/
/*  visibility:hidden;
  height:0px;*/
  overflow: hidden;
  overflow-y: hidden;
}
/*shadow at bottom begining of sub-accordion */
li.accord > div > div {
  width: 239px;
/*  padding-bottom:3px;
  background: transparent url('images_accordion/shadow_bottom_inner_accordion.png') repeat-x bottom left;*/
  display:inline-block;
/*  visibility:hidden;
  height:0px;*/
}

ul.accord a {
  color: #AAAAAA;
  text-decoration: none;
  width: 100%;
  display: block;
  height: 100%;
  position: relative;
}

ul.accord,
ul.accord ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.accord li.accord {
  position: relative;
/*  border:1px solid #3E7A97;*/
  background:#41587e;
  text-decoration: none; font-weight: bold;
  color:#AAAAAA;
}
ul.accord li.accord:hover {
  cursor:pointer;
  background:#2e3e58;
}
ul.accord li.accord:hover span.inicio {
  color:#FFFFFF;
  cursor:pointer;
}
ul.accord li.hoja {
  background:#8596b1;
/*  border: 1px dotted #0000FF;*/
  margin:0;
  padding:0;
/*  height:35px;*/
  width:239px;
}

ul.accord li.hoja:hover {
  cursor:pointer;
/*  background:#A7B8D3;*/
}
ul.accord li.hoja:hover span.final {
  color:#FFFFFF;
  cursor:pointer;
}
ul.accord span.inicio {
  display: block;
  position:relative;
  padding: 10px 10px 10px 10px;
}
ul.accord span.final {
  display: block;
  position:relative;
/*  padding: 10px 10px 10px 10px;*/
/*  text-indent: 40px;*/
  color:#000000;
  top: -12px;
  left:40px;
  width:198px;

/*  background-color:#FF0000;*/
  margin:0;
  padding:0;
/*  border: 1px dotted #FF0000;*/
}

.imgarrow {
 display: block;
 position:relative;
 top:6px;
 left:15px;
 width:20px;
/* background-color:#FF0000;*/
 margin:0;
 padding:0;
/* border: 1px dotted #00CC66;*/
}
span.flecha {
  position:absolute;
  width: 15px;
  height: 15px;
  top: 10px;
  right: 10px;
/*  border: 1px dotted #00CC66;*/
  padding: 0;
  margin: 0;
  background: transparent url('images_menu/flecha2.png') no-repeat right;
}

/* the TD element containing the accordion */
.tdcontainer {
	visibility:hidden;
	background:#41587e;
}