@charset "utf-8";
/* CSS Document */

ul#topnav {
	width: 570px;
	margin-top: 18px;
}
ul#topnav li {
	float: left;
}

/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	display: block;
	height: 53px; /*--Specify height of navigation--*/
	text-indent: -9999em; /*--Shoot the text off the page--*/
	background-position: left top;
	text-align: left;
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left -53px;
}
/*--Assign an image and width to each link--*/
ul#topnav li.home a {
	background-image: url(../img/m_home.jpg);
	width: 75px;
}
ul#topnav li.somos a {
	background-image: url(../img/m_somos.jpg);
	width: 86px;
}
ul#topnav li.servicios a {
	background-image: url(../img/m_servicios.jpg);
	width: 96px;
}
ul#topnav li.equipo a {
	background-image: url(../img/m_equipo.jpg);
	width: 94px;
}
ul#topnav li.novedades a {
	background-image: url(../img/m_novedades.jpg);
	width: 120px;
}
ul#topnav li.contacto a {
	background-image: url(../img/m_contacto.jpg);
	width: 92px;
}

#home li.home a, 
#somos li.somos a, 
#servicios li.servicios a, 
#equipo li.equipo a, 
#novedades li.novedades a,
#contacto li.contacto a 
{
	background-position: left bottom;
}

/* USAR LO SIGUIENTE SI HAY SUB MENUS */
	ul#topnav li ul {
		position: absolute;
		display: none;
		margin-top: 50px;
		width: 120px;
	}
	ul#topnav li ul li {
		display: list-item;
		float: none;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		height: 30px;
		width: 120px;
	}
	ul#topnav li ul li a {
		font-size: 1em;
		text-align: center;
		height: 30px;
		line-height: 30px;
		color: #fff;
		text-transform: none;
		text-indent: 0;
		width: 120px;
	}
	ul#topnav li.home ul li a, ul#topnav li.somos ul li a, ul#topnav li.servicios ul li a, ul#topnav li.equipo ul li a, ul#topnav li.novedades ul li a, ul#topnav li.contacto ul li a { background: #ccc; }
	ul#topnav li.home ul li a:hover, ul#topnav li.somos ul li a:hover, ul#topnav li.servicios ul li a:hover, ul#topnav li.equipo ul li a:hover, ul#topnav li.novedades ul li a:hover, ul#topnav li.contacto ul li a:hover { background: #ddd; }