@font-face {
  font-family: titrEe;
    src:url('BTitrBold.eot?') format('eot'), url('BTitrBold.ttf') format('truetype'); 
}  

.sf-menu a {
    color: #ffffff;
    font-family: XtitrEe ,titrEe2, impact, b titr;
    font-size: 11pt;
}


.sf-menu li {
	background: #BDD2FF;
	background-image: url(../../images/menuBackX.jpg);
	background-position: right 0%;
	white-space: nowrap; /* no need for Supersubs plugin */
	*
	white-space: normal; /* ...unless you support IE7 (let it wrap) */
	X-webkit-transition: background .2s;
	transition: background 2s;
	}
	
.sf-menu ul li {
		background: #666;
		background-image: url(../../images/menuBackX.jpg);
		background-position: right 0%;
}
.sf-menu ul ul li {

background: #666;

background-image: url(../../images/menuBackX.jpg);

background-position: right 0%;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
background-image: url(../../images/menuBack2_hover.jpg);

	/* only transition out, not in */
	-webkit-transition: none;
	Xtransition: none;
}


.sf-menu li:hover> a,
.sf-menu li.sfHover >a
{
	color:#fff;
	text-decoration: none;
}


.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    Xbackground: none repeat scroll 0 0 #CFDEFF;
    Xoutline: 0 none;
    background-image: url(../../images/menuBack2_hover.jpg);
    Xbackground-position: right 0%;
}


.sf-menu a {
    /* border-left: 1px solid #FFFFFF; */
    border-top: 1px solid rgba(162, 162, 162, 0.5);
    padding: 1em  !important;
    text-decoration: none;
}

	.too_narrow_fix {
			   Xright: -92PX !important;
			   width:200px ;
			   Xleft: 0 !important;
			   top: 30px  !important;
}

	.too_hight_fix {
			   Xtop: -30PX !important;
			   Xwidth:200px ;
			   Xleft: 0 !important;
			   Xtop: 30px  !important;
}

.bot{
cursor: pointer;
}