/*

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

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


.g4menu {
	width: 541px;
	height: 57px; /*en realidad es 59, pero lo achico porque con los efectos de relieve se ve el boton siguiente*/
	background: url(../images/../images/menu.png) no-repeat;
	position: relative;
	margin:auto;
}
.g4menu li {
	display: inline;
}
.g4menu li a:link, .g4menu li a:visited {
	position: absolute;
	top: 0;
	height: 57px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	/*Para cuando no hay JavaScript. Se comporta como un menú normal*/
	.g4menu .empresa a:link, .g4menu .empresa a:visited {
		left: 0px;
		width: 105px;
	}
	.g4menu .empresa a:hover, .g4menu .empresa a:focus {
		background: url(../images/../images/menu.png) no-repeat 0px -59px;
		/*Es -56px, pero asi le doy el efecto de levantarse en hover*/
	}
	.g4menu .empresa a:active {
		background: url(../images/../images/menu.png) no-repeat 0px -115px;
	}
	.current-empresa .empresa a:link, .current-empresa .empresa a:visited {
		background: url(../images/menu.png) no-repeat 0px -173px;
		cursor: default;
	}
	/*Para cuando el JavaScript esta activado. Usa la animacion*/
	.g4menu-empresa, .g4menu-empresa-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 105px;
		height: 57px;
		background: url(../images/menu.png) no-repeat 0px -59px;
	}
	.g4menu-empresa-click {
		background: url(../images/menu.png) no-repeat 0px -115px;
	}



	.g4menu .soluciones a:link, .g4menu .soluciones a:visited {
		left: 109px;
		width: 105px;
	}
	.g4menu .soluciones a:hover, .g4menu .soluciones a:focus {
		background: url(../images/menu.png) no-repeat -109px -59px;
	}
	.g4menu .soluciones a:active {
		background: url(../images/menu.png) no-repeat -109px -115px;
	}
	.current-soluciones .soluciones a:link, .current-soluciones .soluciones a:visited {
		background: url(../images/menu.png) no-repeat -109px -173px;
		cursor: default;
	}
	.g4menu-soluciones, .g4menu-soluciones-click {
		position: absolute;
		top: 0;
		left: 109px;
		width: 105px;
		height: 57px;
		background: url(../images/menu.png) no-repeat -109px -59px;
	}
	.g4menu-soluciones-click {
		background: url(../images/menu.png) no-repeat -109px -115px;
	}



	.g4menu .novedades a:link, .g4menu .novedades a:visited {
		left: 218px;
		width: 105px;
	}
	.g4menu .novedades a:hover, .g4menu .novedades a:focus {
		background: url(../images/menu.png) no-repeat -218px -59px;
	}
	.g4menu .novedades a:active {
		background: url(../images/menu.png) no-repeat -218px -115px;
	}
	.current-novedades .novedades a:link, .current-novedades .novedades a:visited {
		background: url(../images/menu.png) no-repeat -218px -173px;
		cursor: default;
	}
	.g4menu-novedades, .g4menu-novedades-click {
		position: absolute;
		top: 0;
		left: 218px;
		width: 105px;
		height: 57px;
		background: url(../images/menu.png) no-repeat -218px -59px;
	}
	.g4menu-novedades-click {
		background: url(../images/menu.png) no-repeat -218px -115px;
	}


	
	.g4menu .intranet a:link, .g4menu .intranet a:visited {
		left: 327px;
		width: 105px;
	}
	.g4menu .intranet a:hover, .g4menu .intranet a:focus {
		background: url(../images/menu.png) no-repeat -327px -59px;
	}
	.g4menu .intranet a:active {
		background: url(../images/menu.png) no-repeat -327px -115px;
	}
	.current-intranet .intranet a:link, .current-intranet .intranet a:visited {
		background: url(../images/menu.png) no-repeat -327px -173px;
		cursor: default;
	}
	.g4menu-intranet, .g4menu-intranet-click {
		position: absolute;
		top: 0;
		left: 327px;
		width: 105px;
		height: 57px;
		background: url(../images/menu.png) no-repeat -327px -59px;
	}
	.g4menu-intranet-click {
		background: url(../images/menu.png) no-repeat -327px -115px;
	}


	.g4menu .contacto a:link, .g4menu .contacto a:visited {
		left: 437px;
		width: 105px;
	}
	.g4menu .contacto a:hover, .g4menu .contacto a:focus {
		background: url(../images/menu.png) no-repeat -437px -59px;
	}
	.g4menu .contacto a:active {
		background: url(../images/menu.png) no-repeat -437px -115px;
	}
	.current-contacto .contacto a:link, .current-contacto .contacto a:visited {
		background: url(../images/menu.png) no-repeat -437px -173px;
		cursor: default;
	}
	.g4menu-contacto, .g4menu-contacto-click {
		position: absolute;
		top: 0;
		left: 437px;
		width: 105px;
		height: 57px;
		background: url(../images/menu.png) no-repeat -437px -59px;
	}
	.g4menu-contacto-click {
		background: url(../images/menu.png) no-repeat -437px -115px;
	}