/* ================================================================ 
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_three.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* the styling */
#nav {
float:left;
width:655px; 
height:auto;
position:relative;
margin-left:5px;
font-weight:bold;
}

#nav .select, #nav .current {
margin:0;
padding:0;
list-style:none;
display:block;
}

#nav li {
display:inline;
margin:0; 
padding:0;
height:auto;
}

#nav .select a, #nav .current a {
display:block;
height:20px;
float:left;
background:#09c;
padding:0 5px 0 5px; 
border:2px solid #fff;
text-decoration:none;
line-height:20px;
white-space:nowrap; 
margin-top:0px;
//margin-top:5px;
margin-right:1px;
color:#fff;
width:93px;
text-align:center;
}

* html #nav .select a, * html #nav .current a {
width:1px;
}

#nav .select a b, #nav .current a b {
height:100%; 
display:block; 
background: #f90; 
padding:0 7px 0 3px; 
color:#000;
}

#nav .select a:hover, #nav .select li:hover a {
background:#f90; 
border-color:#fff; 
cursor:pointer;
}

#nav .select a:hover b, #nav .select li:hover a b {
background-position:;
border-color:; 
color:#fff;
}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {
position:absolute; 
border-collapse:collapse; 
left:0; 
top:0; 
font-size:;
}

#nav .current a {
background:#f90; 
border-color:;
}

#nav .current a b {
background-position:;
color:;
}


#nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover, #nav .sub_active a:hover {
background:#fff url(../img/barralaranxa.gif) repeat-x; 
color:#fff; 
text-decoration:underline;
}

#nav .sub_active .current_sub a, #nav .sub_active a:hover {
background: #fff url(../img/barralaranxa.gif) repeat-x; 
color:#fff; 
text-decoration:underline;
}


#nav .sub_active .current_sub a,  {
background: #fff url(../img/barralaranxa.gif) repeat-x; 
color:#fff; 
text-decoration:underline;
}

#nav .select li a:hover .sub, #nav .select li:hover .sub {
display:block; 
position:absolute; 
width:654px; 
top:24px;
//top:28px;
_top:27px ;
left:3px; 
background:#fff url(../img/barralaranxa.gif) repeat-x; 
border-top:5px solid #fff;
padding:0; 
z-index:100;
}

#nav .sub, #nav .sub_active {
margin:0; 
padding:0; 
list-style:none;
}

#nav .sub_active {
display:block; 
position:absolute; 
width:655px; 
top:24px;
//top:28px; 
_top:27px;
left:2px; 
background:#fff url(../img/barralaranxa.gif) repeat-x; 
border-top:5px solid #fff;
padding:0; 
z-index:10; 
color:#fff; 
}

* html #nav .sub_active, * html #nav .select a:hover .sub {
z-index:-1; 
margin-top:0; 
margin-t\op:1px;
}


#nav .sub_active a {
height:30px; 
float:left; 
text-decoration:none; 
line-height:20px; 
white-space:nowrap; 
font-weight:normal;
}



#nav .sub_active a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {
display:inline; 
background:#fff url(../img/barralaranxa.gif) repeat-x;
padding:0 10px; 
margin:0; 
width:auto; 
white-space:nowrap; 
font-weight:normal; 
border:0; 
color:#fff; 
height:30px; 
line-height:20px;
}

