@charset "utf-8";
#nav {padding:50px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none; height:25px; position:relative; z-index:200;width:488px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:25px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.empresa {background:url(../img/empresa.png); width:62px;}
#nav li a.empresa_2 {background:url(../img/empresa.png) 0 25px; width:62px;}

#nav li a.compromiso {background:url(../img/compromiso.png);  width:137px;}
#nav li a.compromiso_2 {background:url(../img/compromiso.png) 0 25px; width:137px;}
#nav li a.aseguradoras {background:url(../img/aseguradoras.png);  width:128px;}
#nav li a.aseguradoras_2 {background:url(../img/aseguradoras.png) 0 25px; width:128px;}
#nav li a.noticias {background:url(../img/noticias.png);  width:64px;}
#nav li a.noticias_2 {background:url(../img/noticias.png) 0 25px;  width:64px;}
#nav li a.servicios {background:url(../img/servicios.png);  width:97px;}
#nav li a.servicios_2 {background:url(../img/servicios.png) 0 25px;  width:97px;}

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


#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; margin:0; padding:0; list-style:none;}

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

#nav :hover ul.sub
{left:0; top:-49px; width:auto; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:25px; position:relative; float:left;  font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:25px;  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.historia {background:url(../img/historia.jpg); width:62px; }
#nav :hover ul li a.equipo {background:url(../img/equipo.jpg);width:62px;}


#nav :hover ul li a.beneficios {background:url(../img/beneficios.jpg); width:97px;}
#nav :hover ul li a.rec {background:url(../img/rec.jpg); width:97px;}

#nav :hover ul.sub li a:hover 
{background-position: 0 25px; position:relative;}