/*
	CSS Sprites Navigation Tutorial
	Original Tutorial Located at: http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/
	Made with love for Build Internet by Zach Dunn
*/


	
	#wrapper2{width:1358px; margin-top:0px; overflow:hidden;}
		.content{background:#FFF; clear:both; display:block; }
		
		#wrapper3{width:902px; margin-top:32px; overflow:hidden;}
		.content{background:#FFF; clear:both; display:block; }
		
		
		
		
	/* Everything CSS Sprite Menu */
	ul#menu{margin:0; padding:0; list-style:none; clear:both;}
		#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:0px;}
			#menu li a{background:url('images/menu-sprite.png') no-repeat; width:100%; height:100%; display:block;}
			
			/* logo Button */
			#menu li.logo{width:290px; height:129px;}
				#menu li.logo a{background-position:0px 0px;}
				#menu li.logo a:hover{background-position:0px -129px;}
				#menu li.logo a.selected{background-position:0px -258px;}
			
			
			/* Inicio Button */
			#menu li.inicio{width:134px; height:129px;}
				#menu li.inicio a{background-position:-290px 0px;}
				#menu li.inicio a:hover{background-position:-290px -129px;}
				#menu li.inicio a.selected{background-position:-290px -258px;}
			
			/* Quienes Somos Button */
			#menu li.quienes{width:191px; height:129px;}
				#menu li.quienes a{background-position:-424px 0px;}
				#menu li.quienes a:hover{background-position:-424px -129px;}
				#menu li.quienes a.selected{background-position:-424px -258px;}
				
			/* Productos Button */
			#menu li.productos{width:126px; height:129px;}
				#menu li.productos a{background-position:-615px 0px;}
				#menu li.productos a:hover{background-position:-615px -129px;}
				#menu li.productos a.selected{background-position:-615px -258px;}
				
				
				/* Infraestructura Button */
			#menu li.infraestructura{width:171px; height:129px;}
				#menu li.infraestructura a{background-position:-741px 0px;}
				#menu li.infraestructura a:hover{background-position:-741px -129px;}
				#menu li.infraestructura a.selected{background-position:-741px -258px;}
				
				/* Calidad Button */
			#menu li.calidad{width:107px; height:129px;}
				#menu li.calidad a{background-position:-912px 0px;}
				#menu li.calidad a:hover{background-position:-912px -129px;}
				#menu li.calidad a.selected{background-position:-912px -258px;}
				
				/* Contacto Button */
			#menu li.contacto{width:141px; height:129px;}
				#menu li.contacto a{background-position:-1018px 0px;}
				#menu li.contacto a:hover{background-position:-1018px -129px;}
				#menu li.contacto a.selected{background-position:-1018px -258px;}
				
				
				
				
				
					
	/* Everything CSS Sprite Menu footer */
	ul#menu2{margin:0; padding:0; list-style:none; clear:both;}
		#menu2 li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:0px;}
			#menu2 li a{background:url('images/menu-sprite2.png') no-repeat; width:100%; height:100%; display:block;}
			
			/* Hola Button */
			#menu2 li.home2{width:160px; height:71px;}
				#menu2 li.home2 a{background-position:0px -0px;}
				#menu2 li.home2 a:hover{background-position:0px -70px;}
				#menu2 li.home2 a.selected{background-position:0px -142px;}
			
			/* Favorito Button */
			#menu2 li.favorito2{width:121px; height:71px;}
				#menu2 li.favorito2 a{background-position:-160px 0px;}
				#menu2 li.favorito2 a:hover{background-position:-160px -70px;}
				#menu2 li.favorito2 a.selected{background-position:-115px -142px;}
				
			/* Contacto Button */
			#menu2 li.contacto2{width:131px; height:71px;}
				#menu2 li.contacto2 a{background-position:-287px 0px;}
				#menu2 li.contacto2 a:hover{background-position:-287px -70px;}
				#menu2 li.contacto2 a.selected{background-position:-287px -142px;}
				
				
				/* Proyectos Button */
			#menu2 li.mapa2{width:144px; height:71px;}
				#menu2 li.mapa2 a{background-position:-418px 0px;}
				#menu2 li.mapa2 a:hover{background-position:-418px -70px;}
				#menu2 li.mapa2 a.selected{background-position:-418px -142px;}
				
	
				
				/* Gma Button */
			#menu2 li.gma2{width:338px; height:71px;}
				#menu2 li.gma2 a{background-position:-622px 0px;}
				#menu2 li.gma2 a:hover{background-position:-562px -71px;}
				#menu2 li.gma2 a.selected{background-position:-562px -142px;}
				
				
				
				
				
				
				
				