estilo menú mplantilla helena  

Hola,

Para conseguir un diseño similar tendrías que agregar algunos estilos CSS. En concreto, prueba a añadir los siguientes para ver si funciona:

#rt-sidebar-a ul.menu {
	margin: 0;
	list-style-type: none;
	background-image: none;
	padding: 2px;
}

#rt-sidebar-a ul.menu li {
	padding: 5px 0;
	border-bottom: 1px solid @bodytext;
}

#rt-sidebar-a ul.menu li a:before {
	font-family: FontAwesome;
	content: "f0da";
	margin-right: 10px;
}

#rt-sidebar-a ul.menu li ul li {
	border-bottom: 0;
}

#rt-sidebar-a ul.menu span {
	float: right;
}

#rt-sidebar-a ul.menu a {
	color: @bodytext;
}

#rt-sidebar-a ul.menu a:hover {
	color: @linkcolor;
}

Revisa el siguiente artículo de nuestro blog donde se explica cómo añadir estilos CSS personalizados en plantillas como la tuya:

www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

algo hemos conseguido mira como ha quedado, pero si puedes ayudarme a que la letra sea mas fina y pequeña y la linea entre los itemns, como esta en el otro

Hola

Primero elimina esto :

#rt-sidebar-a ul.menu a {
	color: @bodytext; }
 
#rt-sidebar-a ul.menu a:hover {
	color: @linkcolor; }

Ya que este código con variables funciona sólo con Less

Luego en tu código css veo dos llaves al inicio del archivo personalizado, esto es incorrecto :

   body, a, p { font-family:"Segoe Print","Helvetica",arial,serif; }
}

Deberás borrar la última llave , cada sentencia tiene su propia llaver, aunque igual puedes borrar todo este código por que este tipo de letra no esta cargandose

Luego para que quede similar, con los estilos que te quedaste, prueba agregar estilos adicionales:

#rt-sidebar-a ul.menu a{
border-bottom: 1px solid #aaa;
color: #555;
font-size: 14px;
font-weight: normal;
padding-bottom: 5px;
}


#rt-sidebar-a ul.menu a:hover{
color:#4d8cb0;
}

#rt-sidebar-a ul.menu li a::before{
font-size:14px;
}

Saludos.

una cosa mas, como puedo poner que haya menos espacio entre un iten y otro

Hola

En tu archivo personalizado tienes

#rt-sidebar-a ul.menu li {
   padding: 4px 0;
   border-bottom: 1px solid @bodytext; 
}

sólo deja el paddin por q la otra instrucción no funciona, y al padding ponlo en 0, es decir quedaría como :

#rt-sidebar-a ul.menu li {
   padding: 0; 
}

Saludos.