@charset "utf-8";
/* CSS Document */
#nav {margin:0 auto;height:39px;width:783px;/*height:50px; */position:relative; z-index:200; font-family:arial, verdana, sans-serif; /*width:608px;*/}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:39px; width:156px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}

#nav li a.prod {background:url(nav/menu_01.png);}
#nav li a.serv {background:url(nav/menu_02.png);}
#nav li a.compra {background:url(nav/menu_03.png);}
#nav li a.nos {background:url(nav/menu_04.png);}
#nav li a.contacto {background:url(nav/menu_05.png);}

#nav li:hover a,
#nav a:hover
{background-position: 0 39px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:7px; top:39px; width:141px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:34px; position:relative; float:left; width:141px; font-weight:normal;}

#nav :hover ul.sub li a
{display:block; height:34px; width:141px; text-decoration:none; padding:0; cursor:pointer;}

#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.p01 {background:url(nav/p01.png);}
#nav :hover ul li a.p02 {background:url(nav/p02.png);}
#nav :hover ul li a.p03 {background:url(nav/p03.png);}

#nav :hover ul li a.s01 {background:url(nav/s01.png);}
#nav :hover ul li a.s02 {background:url(nav/s02.png);}
#nav :hover ul li a.s03 {background:url(nav/s03.png);}

#nav :hover ul li a.c01 {background:url(nav/menu_01_1.png);}
#nav :hover ul li a.c02 {background:url(nav/menu_01_2.png);}


#nav :hover ul li a.n01 {background:url(nav/n01.png);}
#nav :hover ul li a.n02 {background:url(nav/n02.png);}
#nav :hover ul li a.n03 {background:url(nav/n03.png);}

#nav :hover ul li a.ct01 {background:url(nav/ct01.png);}
#nav :hover ul li a.ct02 {background:url(nav/ct02.png);}
#nav :hover ul li a.ct03 {background:url(nav/ct03.png);}


#nav :hover ul.sub li a:hover 
{background-position: 0 34px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:10px; background:#fff; color:#000; border:1px solid #888; display:none; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}