form { padding: 0px; margin: 0px;}
img {border: 0px; }
div.content { position: inherit; width: 938px; margin-left: auto; margin-right: auto; margin-top:30px; text-align: left; overflow:auto; }
body { font-family: Arial; font-size:16px; color:#000000; }

a#mn1 {display:block; width:221px; height:50px; /* aqui esta el truco */ text-indent:-9999px; background:url(images/bthome.gif) top left no-repeat; margin:0px 0px 3px 0px;}
a#mn1:hover {background-position:0 -50px;/* con esto cambiamos la porcion de imagen que se muestra */}
a#mn2 {display:block; width:221px; height:50px; /* aqui esta el truco */ text-indent:-9999px; background:url(images/btbackground.gif) top left no-repeat; margin:0px 0px 3px 0px;}
a#mn2:hover {background-position:0 -50px;/* con esto cambiamos la porcion de imagen que se muestra */}
a#mn3 {display:block; width:221px; height:50px; /* aqui esta el truco */ text-indent:-9999px; background:url(images/btseemple.gif) top left no-repeat; margin:0px 0px 3px 0px;}
a#mn3:hover {background-position:0 -50px;/* con esto cambiamos la porcion de imagen que se muestra */}
a#mn4 {display:block; width:221px; height:50px; /* aqui esta el truco */ text-indent:-9999px; background:url(images/btservices.gif) top left no-repeat; margin:0px 0px 3px 0px;}
a#mn4:hover {background-position:0 -50px;/* con esto cambiamos la porcion de imagen que se muestra */}
a#mn5 {display:block; width:221px; height:50px; /* aqui esta el truco */ text-indent:-9999px; background:url(images/btcontact.gif) top left no-repeat; margin:0px 0px 0px 0px;}
a#mn5:hover {background-position:0 -50px;/* con esto cambiamos la porcion de imagen que se muestra */}


a:link, a:visited { font-family: Arial; font-size:12px; color:#999999; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }