/*
	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:135px; 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:154px; height:129px;}
				#menu li.quienes a{background-position:-425px 0px;}
				#menu li.quienes a:hover{background-position:-425px -129px;}
				#menu li.quienes a.selected{background-position:-425px -258px;}
				
			/* Productos Button */
			#menu li.productos{width:135px; height:129px;}
				#menu li.productos a{background-position:-579px 0px;}
				#menu li.productos a:hover{background-position:-579px -129px;}
				#menu li.productos a.selected{background-position:-579px -258px;}
				
				
				/* Infraestructura Button */
			#menu li.infraestructura{width:182px; height:129px;}
				#menu li.infraestructura a{background-position:-714px 0px;}
				#menu li.infraestructura a:hover{background-position:-714px -129px;}
				#menu li.infraestructura a.selected{background-position:-714px -258px;}
				
				/* Calidad Button */
			#menu li.calidad{width:116px; height:129px;}
				#menu li.calidad a{background-position:-896px 0px;}
				#menu li.calidad a:hover{background-position:-896px -129px;}
				#menu li.calidad a.selected{background-position:-896px -258px;}
				
				/* Contacto Button */
			#menu li.contacto{width:146px; height:129px;}
				#menu li.contacto a{background-position:-1012px 0px;}
				#menu li.contacto a:hover{background-position:-1012px -129px;}
				#menu li.contacto a.selected{background-position:-1012px -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;}