

@font-face {
    font-family: "B Koodak";
    src: url("../fonts/BKoodakBold.eot?iefix") format("eot"), url("../fonts/BKoodakBold.ttf") format("truetype");
}
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need "cellspacing="0"" in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
	text-decoration:none	
}
/* end reset CSS */


h1,h2,h3,h4,h5,h6 {
font-family:b koodak, serif;
clear: both;
text-shadow:0px 1px 1px #ccc;
}

img {border:none;}
/*...........................................*/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0px;
height: 0px;
}


/*......................grids........................*/
.grid_1
{
	width:60px;
}
.grid_2
{
	width:140px;
}
.grid_3
{
	width:220px;
}
.grid_4
{
	width:320px;
}
.grid_5
{
	width:380px;
}
.grid_6
{
	width:440px;
}
.grid_7
{
	width:580px;
}
.grid_8
{
	width:620px;
}
.grid_9
{
	width:700px;
}
.grid_10
{
	width:780px;
}
.grid_11
{
	width:860px;
}
.grid_12
{
	width:940px;
}




/*-------------------------------layout--------------------------------*/
body
{
	direction:rtl;
	font-family:'B Koodak';
	font-size:12px;
	background-color:#5d7b86;
	display:table;
	width:100%
}
.header  , .footer , .content-wrapper .centerlog
{
	margin:0 auto;
}
.content
{
	margin:0 auto;
	height:auto;
}



.menu
{
	float: left;
    padding-left: 20px;
    margin-top:240px;
}

 ul li a {
    display: block;
    width: 240px;
    padding: 13px;
    padding-left:28px;
    //font-family: b koodak;
   font-size:18px;
    border-bottom: 1px dashed gray;
   color:black;
   position:relative;
    padding-right:80px;
    font-weight:initial;
}

 ul li a:hover {
     text-shadow:0 2px 3px #8C8C8C;
	-moz-transition:all 0.25s ease-out 0s;
	-webkit-transition:all 0.25s ease-out 0s;
	-o-transition:all 0.25s ease-out 0s;
    position:relative;
    opacity:1;
    color: blue;
    position:relative;


}



.header-wrapper
{
	height: 160px;
	background-color: #5d7b86;
}

.footer-wrapper
{
	height: 100px;
	background-color: #5d7b86;	
}

.header-wrapper .lang
{
	font-weight:bold;
}
.header-wrapper
{
	//border-bottom: 1px solid #000000;
}

.header-wrapper ul li
{
	float:right;
	display:inline;
	font-family:B koodak;
	font-size:16px;
}


.header-wrapper ul li a:hover
{
	color:#353438;

}
.header-wrapper ul li.color a
{
	color:#990000;
	text-decoration:blink;
}
.header-wrapper ul li.color a:hover
{
	text-decoration:none;
}
.header-wrapper .nice-ban , .footer-wrapper .nice-ban2
{
	height: 130px;
	margin:0 auto;
}
.header-wrapper .nice-ban
{
	width: 800px;
	position:relative;
	top: -110px;
}
.header-wrapper .r-ban
{
	height:5px;
	width:100%;
	z-index:100;
  //  background: url("../images/header-T1.png") repeat-x;
   // top: 20px;
   // position: relative;
   // height: 130px;
}

.content-wrapper
{
	background-color:#EEEEEE;
	overflow:hidden;
}

 .copy span
{
	//color:#7265d2;
    display: block;
    font-family: tahoma;
    font-size: 11px;
    margin: 0 auto;
    position: relative;
    height:auto;
	//top: 50px;
   // width: 420px;
}
/*--------------rolover text----------------*/
.container{
	width:650px;
	margin:0 auto;
	color:#FFF;
	overflow:hidden;
	direction:ltr;
}
.flying-text
{
	margin-left:-100px;
	color:#DB0000;
	font:15px tahoma;
}
