How to change menubar text

https://prodigitalmedia.ro/baltursib/

The problem is in Produse menu bar and submenus.

I have an issue. Everytime I add in my menu a page named “example text”, the theme change it to “Example Text” and my client really don’t like that.

What to edit in my style.css? I want the text to appear exactly as I want per example if I want to name the page “example TEXT” to be exactly how I name that page.

Here is my code for menu in style.css:

/* -- menu -- */

#menu			{
				float:right;
				position:relative;
				z-index:1001;
				padding-top:10px;
				}

#menu li		{
				width:auto;
				margin:0 1px 0 0;
				padding:0;
				float:left;
				font:bold 1.2em/1.1em Arial, Helvetica, sans-serif;
				background:none;
				position:relative;
				}

#menu li a		{
				width:auto;
				height:37px;
				margin:0;
				padding:15px 18px 10px;
				position:relative;
				float:left;
				color:#232323;
				/*text-align:center;*/
				text-decoration:none;
				z-index:1000;
				}

#MainNav li .menuslide	{
				position:absolute;
				z-index:999;
				width:100%;
				height:62px;
				background:url(../../images/menu_slide.gif) top repeat-x #404041;
				display:none;
				margin-top:-40px;
				top:40px;
				left:0;
				}

#MainNav li li .menuslide	{
				position:absolute;
				width:0;
				height:0;
				background:none;
				display:none;
				margin-top:0;
				top:0;
				left:0;
				}

#menu li a.selected,
#menu li a:hover{
				color:#fff;
				}

#menu li.current-menu-item a,
#menu li.current-menu-parent a,
#menu li.current_page_parent a	{
				color:#fff;
				background:url(../../images/menu_slide.gif) top repeat-x #404041;
				}

#menu li.current-menu-item a:hover,
#menu li.current-menu-parent a:hover,
#menu li.current_page_parent a:hover,
#menu li a:hover.selected{
				text-decoration:none;
				}

.menu_description {
				display:block;
				font:10px Arial, Helvetica, sans-serif;
				color:#BEBEBE;
				}