﻿
body {
   /*background: url("images/header-content-bg.jpg") repeat-x scroll 0 0 #dde0e0;
    font: 12px "JameJam",Tahoma,sans-serif;*/ 
    margin: auto;
    overflow-y: scroll;
   
}
@font-face {
    font-family: "JameJam";
    src: url("fonts/bjamejam.ttf") format("truetype");
}
.demoHeaders {
    margin-top: 2em;
}
#dialog_link {
    padding: 0.4em 1em 0.4em 20px;
    position: relative;
    text-decoration: none;
}
#dialog_link span.ui-icon {
    left: 0.2em;
    margin: -8px 5px 0 0;
    position: absolute;
    top: 50%;
}
ul#icons {
    margin: 0;
    padding: 0;
}
ul#icons li {
    cursor: pointer;
    float: left;
    list-style: none outside none;
    margin: 2px;
    padding: 4px 0;
    position: relative;
}
ul#icons span.ui-icon {
    float: left;
    margin: 0 4px;
}
a {
    text-decoration: none;
}
.newspaper {
    background: url("slider-bg.jpg") no-repeat scroll center 0 transparent;
    box-shadow: 0 10px 18px -6px #111111;
    padding: 7px;
    width: 832px;
    display:inline-block;
}
img {
    border: medium none;
}
.logo {
    background: url("Images/logo.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    margin-left: 18px;
    margin-top: 5px;
    width: 375px;
}
.nav {
   
    display: inline-block;
    float: right;
  /* z-index:999999999 !important;*/ 
    position: relative;
    z-index: 91;
   /*width:308px;*/ 
}
.sf-menu {
    list-style: none outside none;
    position: relative;
    z-index: 10;
 /*   bottom:16px;*/
 
}
.sf-menu li {
    display: inline;
    float: right;
    margin: 0;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    right: 0;
    top: 35px;
    z-index: 99;
}
.sf-menu ul {
    line-height: 1;
    position: absolute;
    top: -999px;
    width: 10em;
    margin-top:1px
}
ul.sf-menu > li.current, ul.sf-menu > li.sfHover, ul.sf-menu > li:hover {
background: -webkit-linear-gradient(#faac01, #f77400); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#faac01, #f77400); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#faac01, #f77400); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#faac01, #f77400); /* Standard syntax */
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#faac01, endColorstr=#f77400);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#faac01, endColorstr=#f77400)";
}
ul.sf-menu > li {
    display: inline-block;
    margin-left: 1px;
    text-align: center;
  /*  margin:0 15px 0 15px;*/
  width:108px;
}
.sf-menu li {
    float: right;
    position: relative;
    
}
ul.sf-menu > li.current > a, ul.sf-menu > li.sfHover > a, ul.sf-menu > li a:hover, .list1 li:hover {
   background: -webkit-linear-gradient(#faac01, #f77400); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#faac01, #f77400); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#faac01, #f77400); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#faac01, #f77400); /* Standard syntax */
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#faac01, endColorstr=#f77400);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#faac01, endColorstr=#f77400)";
}
ul.sf-menu > li > a {
    color: #fff !important;
    display: block;
    font-family: tahoma;
    font-size: 11px;
    line-height:18px;
    padding:9px 0 8px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
  
    
}
.sf-menu ul li > a {
   
    color: #1a1a1a;
    display: block;
    float: left;
    background-color:#e7e7e7;
    font-family: tahoma;
    font-size: 11px;
    line-height:18px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    min-width:320px;
    max-width:400px;
    padding:5px !important
   
  
}
.columnav {
    float: right;
    position: relative;
   
}
.list1 {
    margin: 0;
    padding: 0;
}
.list1 > li {
    list-style: none outside none;
}
#form1 > div {
    position: relative;
}
.list1 > li a {
    display: block;
    padding: 5px 10px;
}
.rutitr {
    font-family: tahoma;
    font-size: 13px;
    font-weight: normal;
    width: 100%;
}
.divServices {
    background: none repeat scroll 0 0 red;
    display: none;
    height: 100px;
    position: absolute;
    width: 100px;
}
.linkToCountDownWebsite img {
    float: left;
}
.BrowserError > img {
    float: left;
    margin: 25px;
}
.BrowserError {
    font-size: 14px;
    line-height: 35px;
}
#divOutOfDate {
    display: none;
}
.NewsPreview {
    background: url("Images/NewsPreview-bg.jpg") no-repeat scroll center 0 transparent;
    box-shadow: 0 10px 18px -6px #111111;
    color: #fffacd;
    direction: rtl;
    font-size: 1.7em;
    height: 570px;
    line-height: 170%;
    margin-top: 15px;
    padding: 7px;
    text-align: justify;
    width: 832px;
}
.NewsContainer {
    height: 569px;
    overflow: auto;
}
.NewsContainer #ruTitr {
}
.NewsContainer #Titr {
    font-size: 2em;
    margin-bottom: 20px;
    margin-top: 10px;
}
.NewsContainer #Lead {
    font-size: 1.4em;
    margin-bottom: 20px;
}
.NewsContainer #Text {
}
.NewsContainer > div {
    margin-left: 20px;
    margin-right: 20px;
}
#Newstext {
    background: none repeat scroll 0 0 #ccc;
    direction: rtl;
    font-size: 18px;
    height: 519px;
    opacity: 0.95;
    overflow-y: scroll;
    padding: 25px;
    text-align: justify;
}
#Newstext h1 {
    color: #284c80;
    font-size: 1.3em;
}
#NewsContainer > a {
    color: inherit;
    display: block;
    font-size: 20px;
    margin: 6px;
    text-decoration: none;
}
#NewsContainer {
    background: none repeat scroll 0 0 #fff;
    color: #666;
    direction: rtl;
    display: none;
    float: right;
    height: 570px;
    left: 423px;
    overflow-y: scroll;
    position: absolute;
    top: 7px;
    width: 415px;
    z-index: 90;
}
#NewsContainerTitle {
    background: url("images/header-content-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #eee;
    font-size: 27px;
    margin-top: 0;
    text-align: center;
    width: 100%;
}
#NewsContainer span {
    background: none repeat scroll 0 0 #203a5f;
    color: #fff;
    display: inline-block;
    margin: 0 0 0 7px;
    text-align: center;
    width: 24px;
}
.newsinfo {
    font: 13px tahoma;
    margin: 10px 10px 10px 0;
    text-align: left;
}
.newsinfo a {
    color: inherit;
}
.newslink {
    float: left;
}
.newslink > a {
    background: url("images/link.png") no-repeat scroll 0 16px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    width: 20px;
}
#Loader {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 20px;
    top: 77px;
    z-index: 91;
}

#book {
    height: 570px;
    margin: auto;
    width: 830px;
    z-index: 90;
}

