/*
1. implementacion: crear un div como este
2. la pestaņa activa debe tener el id='actual'
<div id="menu_pestanas">
  <ul>
    <li><a href="#">opcion 1</a></li>
    <li id="actual"><a href="#">opcion 2</a></li>
    <li><a href="#">opcion 3</a></li>
    <li><a href="#">opcion 4</a></li>
    <li><a href="#">opcion 5</a></li>
  </ul>
</div>
*/
/*body {
background:#fff;
margin:0;
padding:0;
color:#000;
font:x-small/1.5em Georgia,Serif;
voice-family: "\"}\""; voice-family:inherit;
font-size:small;
}*/

#menu_pestanas {
float:left;
width:100%;
background:#141d22 url("../images/tabs/bg.gif") repeat-x bottom;
font-size:93%;
line-height:normal;
}

#menu_pestanas ul {
margin:0;
padding:10px 10px 0;
list-style:none;
}

#menu_pestanas li {
float:left;
background:url("../images/tabs/left.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
}

#menu_pestanas a {
display:block;
background:url("../images/tabs/right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#57697a;
}

#menu_pestanas a:hover {
color:#141d22;
}

#menu_pestanas #actual {
background-image:url("../images/tabs/left_on.gif");
}

#menu_pestanas #actual a {
background-image:url("../images/tabs/right_on.gif");
color:#141d22;
padding-bottom:4px;
}