.herr_main {
  position:absolute;
  top:0px;
  left:0px;
  background-color:transparent;
  width:500px;
}

.herr_main .herr_barra {
  height:48px;
}

.herr_main .herr_barra .herr_derecha{
  float:left;
  width:10px;
  height:58px;
  color:#ffffff;
  cursor:pointer;
  background: url('../img/barramenu/derecha.gif');
}

.herr_main .herr_barra .herr_izquierda{
  float:left;
  width:10px;
  height:58px;
  color:#ffffff;
  cursor:pointer;
  background: url('../img/barramenu/izquierda.gif');
}
.herr_main .herr_barra  .herr_panel{
  float:left;
  height:56px;
  overflow: hidden;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}

.herr_main .herr_barra  .herr_panel .herr_menus {
  height:48px;
  padding:5px;
  margin:0px;
  position:relative;
  left:0px;
  top:0px;
  background-color:transparent;
}

.herr_main .herr_barra  .herr_panel .herr_menus .herr_boton {
	float: left;
	width: 56px;
  height:48px;
	border-right:1px solid #e0e0e0;
	text-align:center;
}

.herr_main .herr_submenu  {
  position:absolute;
  left:0px;
  top:0px;
  background: transparent url('../img/barramenu/flecha.png') no-repeat 36px 4px;
  padding-top:17px;
  width:200px;
}


.herr_main .herr_submenu ul{
  border:0px;
	background-color:#f0f0f0;
	border:1px solid #c0c0c0;
  text-align:left;
  margin:0px;
  padding:5px;
}

.herr_main .herr_submenu ul li{
  list-style-type: none;
  border-bottom:1px dotted #c0c0c0;
  background-color:#f0f0f0;
  color:#000000;
  padding:2px;
  font-size:12px;
  overflow: hidden;
  vertical-align:middle;
}

.herr_main .herr_submenu ul li.final{
	border:0px;
}

.herr_main .herr_submenu ul li img{
  padding-right:5px;
  width:48px;
  height:48px;
    vertical-align:middle;
}

.herr_main .herr_submenu ul li.opcion_activa:hover{
  background-color:#ffffff;
}

.opcion_activa{
  cursor:pointer;
}
.opcion_no_activa{
  cursor:default;
}