#nav {padding-left:0px; list-style:none; margin:0; padding-top:58px; font-family:Verdana, Arial, Helvetica, sans-serif;} #nav li.top {display:block; float:left;} /* PRODUCTOS */ #nav li a.productos {display:block; float:left; height:30px; width:115px; line-height:0px; cursor:pointer;} /* EMPRESA */ #nav li a.empresa {display:block; float:left; height:30px; width:115px; line-height:0px; cursor:pointer; } /* CONTACTO */ #nav li a.contacto {display:block; float:left; height:30px; width:114px; line-height:0px; cursor:pointer;} /* DONDE COMPRAR */ #nav li a.dondecomprar {display:block; float:left; height:30px; width:120px; line-height:0px; cursor:pointer;} /* ASISTENCIA */ #nav li a.asistencia {display:block; float:left; height:30px; width:134px; line-height:0px; cursor:pointer;} /* DESCARGAS */ #nav li a.descargas {display:block; float:left; height:30px; width:115px; line-height:0px; cursor:pointer; } /* Default list styling */ #nav li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ #nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} /*fondo del menu desplegable*/ #nav li:hover ul.sub {left:3px; top:30px; background:#333333; padding:0px; white-space:nowrap; width:120px; height:auto; z-index:500; border-color: #4a4a4a; border-left: none; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid;} #nav li:hover ul.sub li {display:block; height:30px; position:relative; float:center; width:120px; font-weight:normal; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid;} /*boton over del menu desplegable*/ #nav li:hover ul.sub li a {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:30px; width:120px; line-height:25px; text-indent:10px; color:#ffffff; text-decoration:none; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid;} /*boton over del menu desplegable*/ #nav li:hover ul.sub li a:hover {background:#666666; color:#ffffff; } /*boton over del surmenu*/ #nav li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left:120px; top:0px; width:120px; z-index:400; height:auto; } /*boton azul*/ #nav li ul.sub li a.flyazul {background:#333333; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid; BORDER-left:#1D1D1D 1px solid; font: bold 10px verdana, tahoma, sans-serif; color:#217DC9; height:30px; width:120px; line-height:25px; text-indent:10px;} #nav li:hover ul.sub li a.flyazul:hover {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } #nav li:hover ul li:hover > a.flyazul {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } /*boton rojo*/ #nav li ul.sub li a.flyrojo {background:#333333; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid; BORDER-left:#1D1D1D 1px solid; font: bold 10px verdana, tahoma, sans-serif; color:#CC0000; height:30px; width:120px; line-height:25px; text-indent:10px;} #nav li:hover ul.sub li a.flyrojo:hover {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } #nav li:hover ul li:hover > a.flyrojo {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } /*boton gris*/ #nav li ul.sub li a.flygris {background:#333333; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid; BORDER-left:#1D1D1D 1px solid; font: bold 10px verdana, tahoma, sans-serif; color:#CCCCCC; height:30px; width:120px; line-height:25px; text-indent:10px;} #nav li:hover ul.sub li a.flygris:hover {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid;} #nav li:hover ul li:hover > a.flygris {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } /*boton naranja*/ #nav li ul.sub li a.flynaranja {background:#333333; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid; BORDER-left:#1D1D1D 1px solid; font: bold 10px verdana, tahoma, sans-serif; color:#f08a01; height:30px; width:120px; line-height:25px; text-indent:10px;} #nav li:hover ul.sub li a.flynaranja:hover {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } #nav li:hover ul li:hover > a.flynaranja {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } /*boton amarillo*/ #nav li ul.sub li a.flyamarillo {background:#333333; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid; BORDER-left:#1D1D1D 1px solid; font: bold 10px verdana, tahoma, sans-serif; color:#F8C021; height:30px; width:120px; line-height:25px; text-indent:10px;} #nav li:hover ul.sub li a.flyamarillo:hover {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } #nav li:hover ul li:hover > a.flyamarillo {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } /*boton verde*/ #nav li ul.sub li a.flyverde {background:#333333; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid; BORDER-left:#1D1D1D 1px solid; font: bold 10px verdana, tahoma, sans-serif; color:#71B2B4; height:30px; width:120px; line-height:25px; text-indent:10px;} #nav li:hover ul.sub li a.flyverde:hover {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } #nav li:hover ul li:hover > a.flyverde {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } /*boton azulr*/ #nav li ul.sub li a.flyazulr {background:#333333; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid; BORDER-left:#1D1D1D 1px solid; font: bold 10px verdana, tahoma, sans-serif; color:#275787; height:30px; width:120px; line-height:25px; text-indent:10px;} #nav li:hover ul.sub li a.flyazulr:hover {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } #nav li:hover ul li:hover > a.flyazulr {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } /*boton grisa*/ #nav li ul.sub li a.flygrisa {background:#333333; BORDER-RIGHT:#1D1D1D 2px solid; BORDER-bottom:#1D1D1D 1px solid; BORDER-left:#1D1D1D 1px solid; font: bold 10px verdana, tahoma, sans-serif; color:#D6D6D6; height:30px; width:120px; line-height:25px; text-indent:10px;} #nav li:hover ul.sub li a.flygrisa:hover {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid;} #nav li:hover ul li:hover > a.flygrisa {background:#666666; color:#ffffff; BORDER-left:#1D1D1D 1px solid; } /*boton marcas*/ #nav li ul.sub li a.marcas {background:url(marcas_representaciones.gif) no-repeat left top; height:30px; width:120px; line-height:12px; text-indent:-52px;} #nav li:hover ul.sub li a.marcas:hover {background:url(marcas_representaciones_a.gif) no-repeat left top; height:30px; width:120px; line-height:12px; text-indent:-52px;} #nav li:hover ul li:hover > a.marcas {background:url(marcas_representaciones_a.gif) no-repeat left top; height:30px; width:120px; line-height:12px; text-indent:-52px;}