@charset "utf-8";
/* CSS Document */
@import url('css/reset.css');

#nav
{
	float: none;
	padding: 0px;
	width: 870px;
	height: 100px;
	clear: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: -40px;
}


#navigation li
{

float:left;
display:block;
}

#navigation li a
{
background-image:url(..//imagenes/sprite.png);
display: block;
	outline: none;
	position: left;
	height: 50%;
	width: 100%;

}

	
	#navigation .inicio 
	{
	background-position: 0px 0px;
	width:285px;
	height:100px;
	}
	
	#navigation .contacto 
	{
	background-position: -285px 0px ;
	width:179px;
	height:100px;
	}
	
	#navigation .ubicacion 
	{
	background-position: -464px 0px ;
	width:366px;
	height:100px;
	}
	
	
	#navigation a .hover {
	background: transparent  url(..//imagenes/sprite.png) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: center;
	left: 0px;
	height: 100%;
	width: 100%;
	
	}
	
	#navigation .inicio .hover {
	background-position: 0px -100px;
	
	}
	#navigation .contacto .hover{
	background-position: -285px -100px;
	
	}
	#navigation .ubicacion .hover {
	background-position: -464px -100px;
	}