.sf-menu li {
	background-color: #0D0D0E;
	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-color: #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;
}
  

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .Xsf-menu a:active {
    Xbackground: none repeat scroll 0 0 #CFDEFF;
    Xoutline: 0 none;
    background-image: url(../../images/menuBack2_hover.jpg);
    Xbackground-position: right 0%;
    	background-color: #890538;
box-shadow: 0 0 25px RGBA(0, 0, 0, 0.5);
z-index: 200;
}

.sf-with-ul {

	
}
.sf-menu a {
    color: #fff;
    Xcolor: #d0ff86;
    font-size: 17px;
    font-family: titrEe, btitr,'Coda', cursive;
    font-weight: 400;
    border-left: 1px solid #4a4848;
    border-top: 1px solid #4a4848;
}


.sf-menu>li > a {
Xpadding-right: 3.5em;
Xpadding-right: 2.5em;
 box-shadow: 0 0 15px #000;   
    }
    
  .banner:hover{
  color: rgb(250, 255, 195);
  }  

.pro2  {transform-origin: 100% 0;left: 1070px;border-radius: 20px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.37);border-width: 1px;border-color: rgb(255, 250, 250);border-style: solid;float: right;margin: 0 0px 0 10px;transition: transform .5s cubic-bezier(.68,-0.55,.27,1.55);width: 160px;cursor: pointer;}
.pro2:hover  {
position: relative;
left: 0px;
transform: scale(1.5);

transition: transform .5s ease;
}
.barnd{
border-color: rgba(255, 250, 250, 0.59);

}
.barnd{height: 35px;position: relative;top: 4px;border-radius: 5px;width: auto;border-style: solid;border-width: 1px;margin: -10px 10px;padding: 0px;box-shadow: 0 0 25px #fff;transform-origin: 100% 0% 0px;
transform: scale(1);transition: transform .5s ease;cursor: pointer;float: left;/* right: -10px; */}
    
.barnd:hover{
transform-origin: 100% 0% 0px;
transform: scale(1.2);
transform: scale(1);
transition: transform .5s ease;
border-color: #fff;
}



.banner {
    text-shadow: 0px 0px 3px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0),0px 0px 13px rgb(255, 252, 0), 0px 0px 13px rgb(255, 252, 0);
    color: rgb(210, 255, 155);
    font-size: 19pt;
    font-family: titrEe2, impact , titrEe, b titr;
    text-align: right;
    margin-top: 19px;
    padding-bottom: 9px;
    background-color: #333;
    padding-top: 9px;
    background-image: url('../../images/backBanner.jpg');
    border-radius: 11px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.6),0 0 55px rgba(123, 255, 0, 0.56);
    letter-spacing: 0;
    font-weight: 100;
    padding-right: 15px;
    direction: rtl;
}
.banner a {
    color: inherit;
}
.banerAroow {
    color: #fff300;
}

.imgPar {
    box-shadow: 5px 5px 10px;
    border-radius: 10px;
}

.titel{width:390px;font-size:15pt;}
.titel_text{

width:100%;

background:#2f2f2f;

background: -moz-linear-gradient(left, rgba(40,52,59,1) 1%, rgba(119,125,132,1) 50%, rgba(40,52,59,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(40,52,59,1)), color-stop(50%,rgba(119,125,132,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */

color:#ffffff;

Xheight:50px;

padding:5px;

padding-left: 0px;

padding-right: 25px;

border-radius: 7px 7px 7px 7px;

box-shadow:0 0 1px 0 white, 0 0 12px 3px black inset, 5px 5px 12px -4px black;

margin-bottom: 10px;
}
.introduction{
    font-size: 13pt;
    letter-spacing: 2px;
    text-align: justify;
    text-shadow: -6px -6px 8px RGBA(0, 0, 0, 0.19),6px 6px 7px RGB(255, 255, 255);
}
div.semi1 li {text-align: right !important;direction: rtl;}

.introduction p{font-family: samim;font-size: 99%;/* color: #000; */font-weight: 900;}
#tableC {
width:95%;

}
#tableC  td{
width:50%;
vertical-align:top;
}

#tableC  li span{font-family:samim !important;font-size: 10pt !important;}

#tableC  li {
    background-image: url("../../images/rcoratbg.png");
    background-repeat: no-repeat;
    padding-bottom: 9px;
    padding-right: 26px;
    padding-top: 7px;
    font-family: "Trebuchet MS","Lucida Grande",Helvetica,sans-serif;
    font-size: 14px;
    text-align: justify;
    background-position: 100% 0px;
    font-family: samim !important;
}


#tableC ul {
    margin: 0;
    padding: 0 0 0 13px;
    list-style: none;
}



.icon{position: relative;top: -44px;width: auto;margin: -10px 10px -63px 10px;padding: 0px;transform-origin: 0% 50% 0px;
transform: scale(.6);transition: transform .5s ease;cursor: pointer;float: left;right: -10px;}
.semi1 {
    width: 50%;
    float: left;
}
    
.icon:hover{
transform-origin: 0% 50% 0px;
transform: scale(.6);
transition: transform .5s ease;
border-color: #fff;
}


.sf-arrows .sf-with-ul {
    padding-right: 2.5em;

}
.sf-menu > li > a {
    padding-left: 7px;
}