@charset "utf-8";

/*** Menu Navegacion Principal ***/
#navigation{
	width:391px;
	height:20px;
	position:absolute;
	left:408px;
	top:42px;
}
ul#nav {
	position:relative;
	background: url(../images/nav.gif) no-repeat;
	height: 20px;
	width: 391px;
	margin:0;
	padding:0;
}
ul#nav li {
	float: left;
	list-style: none;
}
ul#nav li a {
	position:absolute;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	height: 20px;
	top: 0px;
}
ul#nav li#nav-inicio a {
	left: 0px;
	width:54px;
	background: url(../images/nav.gif) 0px 0 no-repeat !important;
}
ul#nav li#nav-servicios a {
	left: 54px;
	width:89px;
	background: url(../images/nav.gif) -54px 0 no-repeat !important;
}
ul#nav li#nav-proyectos a {
	left: 143px;
	width:99px;
	background: url(../images/nav.gif) -143px 0 no-repeat !important;
}
ul#nav li#nav-contactar a {
	left: 242px;
	width:99px;
	background: url(../images/nav.gif) -242px 0 no-repeat !important;
}
ul#nav li#nav-blog a {
	left: 341px;
	width:50px;
	background: url(../images/nav.gif) -341px 0 no-repeat !important;
}

ul#nav li#nav-inicio a:hover  		{ background-position: 0 -20px !important; }
ul#nav li#nav-servicios a:hover  	{ background-position: -54px -20px !important; }
ul#nav li#nav-proyectos a:hover  	{ background-position: -143px -20px !important; }
ul#nav li#nav-contactar a:hover  	{ background-position: -242px -20px !important; }
ul#nav li#nav-blog a:hover  		{ background-position: -341px -20px !important; }

ul#nav li#nav-inicio a.active  		{ background-position: 0 -40px !important; }
ul#nav li#nav-servicios a.active  	{ background-position: -54px -40px !important; }
ul#nav li#nav-proyectos a.active  	{ background-position: -143px -40px !important; }
ul#nav li#nav-contactar a.active  	{ background-position: -242px -40px !important; }
ul#nav li#nav-blog a.active  		{ background-position: -341px -40px !important; }
/*** Fin Menu Navegacion Principal ***/