/* CSS Document */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop3.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.
=================================================================== */
.menu { margin:0; list-style:none; height:31px; position:relative; z-index:999; font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;}
.menu li.top {display:block; float:left; border-width:0px 1px 0px 0px;	border-style:dotted; border-color:#B1B1B1; }
.menu li a.top_link { display:block; float:left; height:31px; line-height:31px; color:#007CC3; text-decoration:none; font-size:12px; font-weight:bold; cursor:pointer; }
.menu li a.top_link span { float:left; display:block; padding:0 10px; height:31px; font-size:12px; font-weight:bold; }
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:31px; background:url(imgs/mseta.gif) no-repeat right top;}

.menu li a.top_link:hover {color:#1C386A; background-color:#F3F6FD;}
.menu li:hover > a.top_link { color:#1C386A; background-color:#F3F6FD;  }

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, .menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
               
.menu :hover ul.sub { left:-1px; top:31px; background-color:#F3F6FD; white-space:nowrap; height:auto; width:auto; border:1px dotted #3a93d2; z-index:300; padding:5px; border-top:none;}
.menu :hover ul.sub li {display:block; position:relative; font-weight:normal; }
.menu :hover ul.sub li a { display:block; font-size:13px; line-height:26px; _height:25px; color:#0F327F; text-decoration:none; text-indent:5px; border-left:3px solid #F2F2F2; padding-right:10px;  }
.menu :hover ul.sub li a:hover { background:#fff; color:#007CC3; border-left:3px solid #3a93d2; }

#casa { background:url(imgs/home.gif) no-repeat 7px 7px; width:16px;  }
#inicio { display:none; }


.menu li a.top_linkb { display:block; float:left; height:31px; line-height:31px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; cursor:pointer; }
.menu li a.top_linkb span { float:left; display:block; padding:0 10px; height:31px; font-size:12px; font-weight:bold; }