/*****************************
 ****       menu    ****
 *****************************/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
#nav {margin:0 0 0 0;font-size:11px;line-height:25px; color:#ffffff;}

/* the styling */
#nav {float:left; padding-left:5px; width:715px; height:28px;background:#FF3300 url("bg.gif") repeat-x bottom;}

#nav .select, #nav .current {margin:0 0 0 0; padding:0; list-style:none; display:block; float:left;}

#nav .sub {margin:0; padding:0; list-style:none;}

#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .current li {z-index:50;}

#nav .select a {display:block; height:2.5em; float:left; width:100px; background:url("left_both.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid #E3E9E7; color:#FFFFFF;text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}

#nav .current a {display:block; height:2.5em; float:left; width:100px; background:url("left_both.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid #E3E9E7; color:#000000;text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}


/* calculate the required widths of the top level */
#nav .o0 a {width:35px;}
#nav .o1 a {width:59px;}
#nav .o2 a {width:112px;}
#nav .o3 a {width:150px;}
#nav .o4 a {width:100px;}
#nav .o5 a {width:61px;}
#nav .o6 a {width:56px;}
#nav .o7 a {width:80px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#553;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nav .select a:hover b {color:#000; cursor:pointer;}

#nav .current a {background-position:0 -150px; border-color:#fff;}
#nav .current a b {background-position:100% -150px; color:#000;}

/* AL PASSAR PER SOBRE DEL SELECCIONAT DE SOTA */
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {border-color:#aba; background:#E3E9E7; color:#FF3300;}

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {border-color:#aba; background:#d1e1ce; color:#000;}

#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:330px; top:27px; background:#E3E9E7; margin-top:1px; padding:0 0 0 0;}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}

/* AL PASSAR PER SOBRE ELS QUE APAREIXEN A BAIX */
#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; color:#000000; background:#E3E9E7; border:0px solid #ddd; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:bold; font-size:11px; height:2em; line-height:1.9em;}

#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fff;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fff; color:#000;}

/* calculate the left edge position of each sub level */
#nav .o1 .sub {left:0;}
#nav .o2 .sub {left:0em; margin-left:0px;}
#nav .o3 .sub {left:0em; margin-left:0px;}
#nav .o4 .sub {left:0em; margin-left:0px;}
#nav .o5 .sub {left:0em; margin-left:0px;}
#nav .o6 .sub {left:0em; margin-left:0px;}
#nav .o7 .sub {left:0em; margin-left:0px;}