ul,ol{ list-style:none; }
/* Navigation */

.block-topmenu { padding:19px 0 0 25px; height: 41px;}

#nav { 
 font-size:12px; padding:0 0 0 0; margin:0 0;
width:997px;
height:47px;
float:left;
background:#ef6e0e;
font-weight:bold;
margin-left:18px;
margin-top:-1px;
padding-left:7px;
}

/* All Levels */
#nav li { position:relative; text-align:left;}
#nav li.over { z-index:1000; background: url(../img/bg_menu_left.gif) 0 0 no-repeat #FFFFFF; display:block; padding:0; margin:0 3px 0 0;}
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap;}
#nav li ul span {white-space:normal; }
#nav li li.parent {}

/* 0 Level */
#nav li { float:left; background:url(../img/bull_menu.gif) right 18px no-repeat; padding:0 2px 0 10px; margin:0 10px 0 0;}

#nav li a { display:block; padding:12px 6px 12px 5px;}
#nav li.over a { background:url(../img/bg_menu_right.gif) right top no-repeat; padding:16px 16px 15px 14px;}
#nav li a span{}


#nav li.active { z-index:10; background: url(../img/bg_menu_left.gif) 0 0 no-repeat #FFFFFF; display:block; padding:0; margin:0 3px 0 0;}
#nav li.active a { background:url(../img/bg_menu_right.gif) right top no-repeat; padding:16px 14px 15px 14px;}


#nav li.active a { color:#000000; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#FFFFFF; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#000000; }

/* 1st Level */

#nav ul li a{ background:none !important; padding:0 !important;}
#nav ul li:hover{ background:#FFFFFF !important; padding-bottom:1px !important;}
#nav ul li a span{ background:none !important; display:inline; height:auto; padding:0 0 0 0;}

#nav ul li,
#nav ul li.active { float:none; margin:0 !important; padding:0 0 1px 0 !important; background:#FFF; }
#nav ul li.over { padding:0; margin:0 !important; background:#FFFFFF !important;}
#nav ul li.over a { background:none; padding:0 0 0 0;}
#nav ul li.over a:hover { background:#FFFFFF !important; padding:0 0 0 0;}
#nav ul li.last { padding:0; padding-bottom:0; background:url(../img/bg_sub_menu.gif) left top no-repeat !important; }
#nav ul li.last a {background:none !important; }
#nav ul li.last a:hover{background:none !important;}
#nav ul li.last a{ }
#nav ul li.last a span{ display:block;}

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li { padding-left:23px !important; padding-right:26px !important;}
#nav ul li a { font-weight:normal !important; padding:0; padding:2px !important; background:url(../img/devider_sub.gif) left bottom repeat-x !important; }

/* 2nd leven */
#nav ul { position:absolute; width:180px; top:40px; left:-10000px; background:url(../img/bg_sub_menu_top.gif) 0 0 no-repeat; padding-top:9px;background:#FFF; padding-bottom:20px;}

/* 3rd+ Level */
#nav ul ul { top:5px; }

/* Show Menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#f6f6f6; color:#898885; }
#nav ul li a:hover { background:#ccc; color:#882730 !important; }
#nav ul span,
#nav ul li.last li span { padding:3px 15px 4px 15px;}
/* Navigation  */

#generes {
    background-color: #fff;
    position: absolute;
    float: left;
    z-index:100;
    width:693px;
    margin-left: --1px;
    margin-top: 0px;
    padding: 10px 20px;
    border:2px solid #908E89;
    border-radius:8px;
    -moz-border-radius:8px;
}
#generes table {
    width: 100%;
}
#generes .mainCategory {
    margin:0 0 20px;

}
#generes .mainCategory a {
    color:#EF6E0E;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px dotted #908E89;
    padding-bottom: 5px;
}
#generes .mainCategory a:hover {text-decoration: underline}
#generes .submainCategory {
     margin:0 0 10px 10px;
     padding-left: 10px;
     background: url("../img/layout/butllet.gif") no-repeat scroll center left;
}
#generes .submainCategory a {
    text-decoration: none;
}
#generes .submainCategory a:hover {text-decoration: underline}

#generes .tancar {float:right}
#generes .tancar a {text-decoration: none}
#generes .tancar a:hover {text-decoration: underline}

.mostrageneres {
    background:  url("../img/generes.gif") no-repeat scroll center left;
    width: 145px;
    height: 20px;
    padding: 5px 0 0 35px;
    float:left;
}
.mostrageneres a, .subllibres a {
    color:#fff;
    font-weight: bold;
    text-decoration: none;
}
.subllibres {
    background:  url("../img/subllibres.gif") no-repeat scroll center left;
    width: 120px;
    height: 20px;
    padding-top: 5px;
    text-align: center;
    float:left;
    margin-left: 58px;
}