﻿@charset "utf-8";
/* CSS Document */
/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/


body {
	color: #000;
	background: #fff;
}

#menu{
	height:50px;
}

.nav {
	width: 980px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
/*	border:2px solid red;*/
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 47px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
/*	border:2px solid #000000;*/
}

/******************Inicio***************************/

.nav .home a:link, .nav .home a:visited {
	left: 8px;
	width: 130px;
	height:44px;
/*	border:2px solid #99CC00;*/
}
.nav .home a:hover, .nav .home a:focus {
	background: url(../img/blue-nav.gif) no-repeat -8px -49px;
}
.nav .home a:active {
	background: url(../img/blue-nav.gif) no-repeat -8px -98px;
}
.current-home .home a:link, .current-home .home a:visited {
	left: 9px;
	width: 130px;
	height:46px;
	background: url(../img/blue-nav.gif) no-repeat -8px -146px;
	cursor: default;
}
.nav-home, .nav-home-click {
	position: absolute;
	top: 0;
	left: 9px;
	width: 130px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat -8px -49px;
}
.nav-home-click {
	background: url(../img/blue-nav.gif) no-repeat -8px -98px;
}


/*
.nav .about a:link, .nav .about a:visited {
	left: 42px;
	width: 82px;
}
.nav .about a:hover, .nav .about a:focus {
	background: url(../img/blue-nav.gif) no-repeat -100px -49px;
}
.nav .about a:active {
	background: url(../img/blue-nav.gif) no-repeat -100px -98px;
}
.current-about .about a:link, .current-about .about a:visited {
	background: url(../img/blue-nav.gif) no-repeat -100px -147px;
	cursor: default;
}
.nav-about, .nav-about-click {
	position: absolute;
	top: 0;
	left: 100px;
	width: 82px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat -100px -49px;
}
.nav-about-click {
	background: url(../img/blue-nav.gif) no-repeat -100px -98px;
}
*/

/******************Servicios***************************/

.nav .services a:link, .nav .services a:visited {
	left: 141px;
	width: 138px;
/*	border:2px solid #330033;*/
}
.nav .services a:hover, .nav .services a:focus {
	background: url(../img/blue-nav.gif) no-repeat -141px -49px;
}
.nav .services a:active {
	background: url(../img/blue-nav.gif) no-repeat -141px -98px;
}
.current-services .services a:link, .current-services .services a:visited {
	background: url(../img/blue-nav.gif) no-repeat -141px -147px;
	cursor: default;
}
.nav-services, .nav-services-click {
	position: absolute;
	top: 0;
	left: 141px;
	width: 138px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat -141px -49px;
}
.nav-services-click {
	background: url(../img/blue-nav.gif) no-repeat -141px -98px;
}

/******************Cliente***************************/

.nav .client a:link, .nav .client a:visited {
	left: 281px;
	width: 138px;
/*	border:2px solid #330033;*/
}
.nav .client a:hover, .nav .client a:focus {
	background: url(../img/blue-nav.gif) no-repeat -281px -49px;
}
.nav .client a:active {
	background: url(../img/blue-nav.gif) no-repeat -281px -98px;
}
.current-client .client a:link, .current-client .client a:visited {
	background: url(../img/blue-nav.gif) no-repeat -281px -147px;
	cursor: default;
}
.nav-client, .nav-client-click {
	position: absolute;
	top: 0;
	left: 281px;
	width: 138px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat -281px -49px;
}
.nav-client-click {
	background: url(../img/blue-nav.gif) no-repeat -281px -98px;
}

/******************Soporte***************************/

.nav .soport a:link, .nav .soport a:visited {
	left: 421px;
	width: 137px;
}
.nav .soport a:hover, .nav .soport a:focus {
	background: url(../img/blue-nav.gif) no-repeat -421px -49px;
}
.nav .soport a:active {
	background: url(../img/blue-nav.gif) no-repeat -421px -98px;
}
.current-soport .soport a:link, .current-soport .soport a:visited {
	background: url(../img/blue-nav.gif) no-repeat -421px -147px;
	cursor: default;
}
.nav-soport, .nav-soport-click {
	position: absolute;
	top: 0;
	left: 421px;
	width: 137px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat -421px -49px;
}
.nav-soport-click {
	background: url(../img/blue-nav.gif) no-repeat -421px -98px;
}

/******************Contacto***************************/

.nav .contact a:link, .nav .contact a:visited {
	left: 560px;
	width: 136px;
}
.nav .contact a:hover, .nav .contact a:focus {
	background: url(../img/blue-nav.gif) no-repeat -560px -49px;
}
.nav .contact a:active {
	background: url(../img/blue-nav.gif) no-repeat -560px -98px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(../img/blue-nav.gif) no-repeat -560px -147px;
	cursor: default;
}
.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 560px;
	width: 136px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat -560px -49px;
}
.nav-contact-click {
	background: url(../img/blue-nav.gif) no-repeat -560px -98px;
}

/******************Promo***************************/

.nav .promo a:link, .nav .promo a:visited {
	left: 698px;
	width: 138px;
}
.nav .promo a:hover, .nav .promo a:focus {
	background: url(../img/blue-nav.gif) no-repeat -698px -49px;
}
.nav .promo a:active {
	background: url(../img/blue-nav.gif) no-repeat -698px -98px;
}
.current-promo .promo a:link, .current-promo .promo a:visited {
	background: url(../img/blue-nav.gif) no-repeat -698px -147px;
	cursor: default;
}
.nav-promo, .nav-promo-click {
	position: absolute;
	top: 0;
	left: 698px;
	width: 136px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat -698px -49px;
}
.nav-promo-click {
	background: url(../img/blue-nav.gif) no-repeat -698px -98px;
}

/******************Cotizacion***************************/

.nav .cotiza a:link, .nav .cotiza a:visited {
	left: 836px;
	width: 132px;
}
.nav .cotiza a:hover, .nav .cotiza a:focus {
	background: url(../img/blue-nav.gif) no-repeat -836px -49px;
}
.nav .cotiza a:active {
	background: url(../img/blue-nav.gif) no-repeat -836px -98px;
}
.current-cotiza .cotiza a:link, .current-cotiza .cotiza a:visited {
	background: url(../img/blue-nav.gif) no-repeat -836px -147px;
	cursor: default;
}
.nav-cotiza, .nav-cotiza-click {
	position: absolute;
	top: 0;
	left: 836px;
	width: 132px;
	height: 47px;
	background: url(../img/blue-nav.gif) no-repeat -836px -49px;
}
.nav-cotiza-click {
	background: url(../img/blue-nav.gif) no-repeat -836px -98px;
}
