
/* Home Page Hero Fader */
#homeHero {position:relative;height:200px;width:960px;}
#homeHero #nonJsHero a, #heroCar #doyle a, #heroHome #doyle a {text-decoration:none;border:0px;}
#homeHero #nonJsHero a img, #heroCar #doyle a img, #heroHome #doyle a img {border:0px;}
.heroImages {margin:0;padding:0;}
.heroImages li {position:absolute;top:0;left:0;height:260px;width:960px;background:none;margin:0;padding:0;}
.heroImages li a{display:block;height:260px;width:960px;background:none;margin:0;padding:0;text-decoration:none;border:0px;}
.heroLinks {position:absolute;top:150px;left:0;margin:0;padding:0;}
.heroLinks li {margin:0;padding:0;float:left;position:relative;height:37px; width:100px;}
.heroLinks li a {display:block;height:37px;width:100px;border:none;font-size:0.75em;cursor:pointer;background: transparent url('/en/recursos/home-hero/rollover.gif') no-repeat 0px 0px;}
.heroLinks li a span {display:block;position:absolute;top:-300000em;left:0px;text-indent:-10000em;height:24px;margin-left:-15px; cursor:pointer;}

.heroLinks li#one {width:155px;}
.heroLinks li#one a { background-position:0px 0px; width:152px; }
.heroLinks li#one a:hover, .heroLinks li#one a.selected { background-position:0px -37px; }
.heroLinks li#two {width:145px;}
.heroLinks li#two a { background-position:-155px 0px; width:201px; }
.heroLinks li#two a:hover, .heroLinks li#two a.selected { background-position:-155px -37px; }

.heroTopImages {margin:0;padding:0;width:300px;height:29px;position:absolute; top: -30px; right:140px;z-index:1500;}
.heroTopImages li {margin:0;padding:0;width:300px; height:29px; position:absolute; top: 0px; right:0px; background:none;text-align:right;z-index:1500; }
.heroTopImages {z-index:1500;}
