/* CSS Document */

.nav {
    width: 503px;
    height: 32px;
    background: url(../images/menu-top.jpg) no-repeat;
	margin: 17px 0px 17px 187px;
	position: relative;
}

.nav li {display: inline}

.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 32px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

/* Boton Inicio*/

.nav .home a:link, .nav .home a:visited {left: 0px; width: 94px;}
.nav .home a:hover, .nav .home a:focus {background: url(../images/menu-top.jpg) no-repeat 0px -32px}
.nav .home a:active {background: url(../images/menu-top.jpg) no-repeat 0px -32px}
.current-home .home a:link, .current-home .home a:visited {	background: url(../images/menu-top.jpg) no-repeat 0px -64px; cursor:pointer}
.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 94px;
		height: 32px;
		background: url(../images/menu-top.jpg) no-repeat 0px -32px;
	}

.nav-home-click { background: url(../images/menu-top.jpg) no-repeat 0px -96px}


/* Boton Servicios*/

.nav .services a:link, .nav .services a:visited {left: 95px; width: 106px;}
.nav .services a:hover, .nav .services a:focus {background: url(../images/menu-top.jpg) no-repeat -95px -32px}
.nav .services a:active {background: url(../images/menu-top.jpg) no-repeat -95px -32px}
.current-services .services a:link, .current-services.services a:visited {	background: url(../images/menu-top.jpg) no-repeat -95px -64px; pointer:pointer}
.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 95px;
		width: 106px;
		height: 32px;
		background: url(../images/menu-top.jpg) no-repeat -95px -32px;
	}

.nav-services-click { background: url(../images/menu-top.jpg) no-repeat -95px -96px}


/* Boton Clientes*/

.nav .clients a:link, .nav .clients a:visited {left: 201px; width: 104px;}
.nav .clients a:hover, .nav .clients a:focus {background: url(../images/menu-top.jpg) no-repeat -201px -32px}
.nav .clients a:active {background: url(../images/menu-top.jpg) no-repeat -201px -32px}
.current-clients .clients a:link, .current-clients.clients a:visited {	background: url(../images/menu-top.jpg) no-repeat -201px -64px; pointer:pointer}
.nav-clients, .nav-clients-click {
		position: absolute;
		top: 0;
		left: 201px;
		width: 104px;
		height: 32px;
		background: url(../images/menu-top.jpg) no-repeat -201px -32px;
	}

.nav-clients-click { background: url(../images/menu-top.jpg) no-repeat -201px -96px}

/* Boton Portfolio*/

.nav .porfolio a:link, .nav .porfolio a:visited {left: 304px; width: 109px;}
.nav .porfolio a:hover, .nav .porfolio a:focus {background: url(../images/menu-top.jpg) no-repeat -304px -32px}
.nav .porfolio a:active {background: url(../images/menu-top.jpg) no-repeat -304px -32px}
.current-porfolio .porfolio a:link, .current-porfolio.porfolio a:visited {	background: url(../images/menu-top.jpg) no-repeat -304px -64px; pointer:pointer}
.nav-porfolio, .nav-porfolio-click {
		position: absolute;
		top: 0;
		left: 304px;
		width: 109px;
		height: 32px;
		background: url(../images/menu-top.jpg) no-repeat -304px -32px;
	}

.nav-porfolio-click { background: url(../images/menu-top.jpg) no-repeat -304px -96px}

/* Boton Contacto*/

.nav .contact a:link, .nav .contact a:visited {left: 412px; width: 93px;}
.nav .contact a:hover, .nav .contact a:focus {background: url(../images/menu-top.jpg) no-repeat -412px -32px}
.nav .contact a:active {background: url(../images/menu-top.jpg) no-repeat -412px -32px}
.current-contact .contact a:link, .current-contact.contact a:visited {	background: url(../images/menu-top.jpg) no-repeat -412px -64px; pointer:pointer}
.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 412px;
		width: 93px;
		height: 32px;
		background: url(../images/menu-top.jpg) no-repeat -412px -32px;
	}

.nav-contact-click { background: url(../images/menu-top.jpg) no-repeat -412px -96px}