@font-face { font-family: 'impact';
             font-style: normal;
             src: url('../../view/resource/fonts/Impact.ttf') format("truetype"); }

@font-face { font-family: 'tahoma';
             font-style: normal;
             src: url('../../view/resource/fonts/tahoma.ttf') format("truetype"); }

@font-face { font-family: 'makler';
             font-style: normal;
             src: url('../../view/resource/fonts/Makler_Deco.ttf') format("truetype"); }

@font-face { font-family: 'kaligraf';
             font-style: normal;
             src: url('../../view/resource/fonts/PFDavinciScriptPro-Inked.ttf') format("truetype"); }

body { width: 100%;
       margin: 0 auto;
       background-color: #e0f5f6;
       font-family: tahoma;
       font-size: 15px;
       color: #0a4a7a;
       padding: 0; }

a { text-decoration: none;
    color: #0a4a7a;
    cursor: pointer; }

img { border: none; }

.djam { width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        top: 0;
        cursor: pointer;
        background-color: #000;
        z-index: 1000; }

.djam, .djam1 { position: fixed; }

.djam1{ z-index: 10000; }

.djam1 { padding: 10px;
         width: auto;
         height: auto;
         border-style: solid;
         border-width: 3px;
         box-shadow: 10px 10px 10px #000;
         border-radius: 5px;
         background: #fff;
         overflow-x: no-display;
         overflow-y: auto; }

.wait, .wait_ { position: fixed;
                z-index: 100000; }

.wait_ { top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #fff;
         opacity: 0.5; }

.wait { width: 130px; }

/**/

#header { position: relative;
          width: 1024px;
          height: 30px;
          margin: -30px auto 0 auto;
          background-color: #0a4a7a;
          color: #0a4a7a; }

#login_form { position: relative;
              float: right;
              margin: 7px 7px 0 0; }

#login_form input { width: 150px;
                    color: #0a4a7a;
                    font-weight: bold; }

header { position: relative;
         width: 1024px;
         height: 110px;
         margin: 0 auto;
         color: #fff;
         background-color: #0a4a7a;
         border-radius: 0 0 10px 10px; }

#logo { position: relative;
        width: 242px;
        float: left; }

#login, #login_ , #exit { position: relative;
                          float: left;
                          margin-left: 29px;
                          width: 45px;
                          text-align: center;
                          font-weight: bold;
                          cursor: pointer; }

#login:hover, #login_:hover, #zab_par:hover, #exit:hover { background-color: #fff;
                                                           color: #0a4a7a; }

#login:active, #login_:active, #zab_par:active, #exit:active { background-color: yellow;
                                                               color: #0a4a7a; }

#zab_par { position: relative;
           float: right;
           margin-right: 10px;
           width: 150px;
           cursor: pointer;
           text-align: center; }

#title { position: relative;
         width: 700px;
         float: left;
         font-family: makler;
         font-size: 33px; }

#logo a img { height: 110px; }

nav { position: relative;
      width: 1024px;
      margin: 5px auto 0 auto;
      overflow: hidden;
      font-size: 20px;
      font-weight: bold; }

nav a { border: #0a4a7a solid 1px;
        padding: 0 10px;
        margin-bottom: -1px;
        float: left; }



nav a:hover { background-color: #fff; }

nav a:first-child { border-radius: 10px 0 0 0; }

nav a:last-child { border-radius: 0 10px 0 0; }

nav a:last-child:first-child { border-radius: 10px 10px 0 0; }

article { position: relative;
          width: 1002px;
          margin: 0 auto;
          border: #0a4a7a solid 1px;
          padding: 10px; }

.bord { vertical-align: bottom;
        background-color: #fff;
        border: #0a4a7a solid 1px; }

#mail_me input, #mail_me textarea { color: #0a4a7a;
                                    font-weight: bold;
                                    border: none; }

#mail_me input { width: 144px; }

#mail_me textarea { width: 298px;
                    height: 97px;
                    resize: none; }

.refresh { width: 35px;
           cursor: pointer; }

.register, .send { color: #0a4a7a;
                   background-color: #fff;
                   border: #0a4a7a solid 2px;
                   border-radius: 5px;
                   font-weight: bold;
                   cursor: pointer; }

footer { position: relative;
         width: 100%;
         background-image: -moz-linear-gradient(top, #0a4a7a 40%, #e0f5f6);
         background-image: -webkit-linear-gradient(top, #0a4a7a 40%, #e0f5f6);
         background-image: -o-linear-gradient(top, #0a4a7a 40%, #e0f5f6);
         background-image: -ms-linear-gradient(top, #0a4a7a 40%, #e0f5f6);
         background-image: linear-gradient(top, #0a4a7a 40%, #e0f5f6);
         margin-top: 10px;
         color: #fff; }

footer a { color: #fff; }

footer table#footer { width: 1024px;
                      margin: 0 auto;
                      border-collapse: collapse; }

footer table#footer tr td { vertical-align: top; }

table#mail_me { width: 304px;
                border-collapse: collapse; }

#map_me { background-color: #e0f5f6;
          padding: 4px; }

.other a:hover { text-decoration: underline; }

.podr { width: 260px; }

.djam_prodex { width: 900px; }

/******************** Дублирано в темплейта ********************/

#ld { width: 700px;
      height: 460px;
      overflow: hidden;
      float: right;
      margin: 4px; }

#ld div.icon { width: 165px;
               height: 70px;
               border: solid 1px #0a4a7a;
               border-radius: 5px 5px 5px 5px;
               background-color: #0a4a7a;
               font-size: 13px;
               color: orange;
               font-weight: bold;
               float: left;
               margin: 2px;
               cursor: pointer; }


#ld div.icon.s4etovoditel { background-color: #37455f !important; }

#ld div.icon.administrator { background-color: #660000 !important; }

#ld div.icon:hover { opacity: 0.94; }

#ld div.icon img { width: 60px;
                   border: none;
                   float: left;
                   margin: 5px; }

/***************************************************************/

#ld .buton input, #ld .buton a, #ld .buton select, 
#ld a.buton, #ld .buton div, #ld .buton button, 
#ld .buton span, #ld .buton textarea, #post .buton, 
.kraj, ._kraj, .json, .in_json, .temp_a { border: solid 1px #0a4a7a;
                                  border-radius: 5px 5px 5px 5px;
                                  background-color: #0a4a7a;
                                  font-size: 10px;
                                  color: white; }

#ld span.buton { font-size: 15px;
                 color: orange;
                 font-weight: bold; }

#ld table td { vertical-align: top; }

#ld a.tool, #post .tool, #post .tool_ { display: block;
                                        margin-bottom: 1px; }

#ld a.white, #post a.white { background-color: #fff;
                             color: #0a4a7a; }

#ld a.yellow, #post a.yellow { background-color: yellow;
                               color: #0a4a7a; }

#ld a.green, #post a.green { background-color: green; }

#ld a.red, #post a.red { background-color: red; }

#ld .inet { cursor: pointer; }

#ld #kat, #ld #podkat, #ld #prod { font-weight: bold;
                                   color: #660000;
                                   height: 14px;
                                   font-size: 11px;
                                   z-index: 10; }

#ld #kat, #ld #izbor_kat, #ld #kat1 { width: 100px; }

#ld #podkat, #ld #izbor_podkat { width: 200px; }

#ld #podkat { margin: -14px 0 0 102px; }

#ld #prod { margin: -14px 0 0 304px;
            width: 394px; }

#ld #kat, #ld #podkat, #ld #prod, #ld #izbor_kat, #ld #izbor_podkat, 
#ld #izbor_prod { position: relative; }

#ld #kat, #ld #podkat, #ld #prod, #ld #izbor_kat, #ld #izbor_podkat, 
#ld #izbor_prod { background-color: #f0f0f0;
                  box-shadow: 2px 2px 5px #808080; }

#ld #izbor_kat, #ld #izbor_podkat, #ld #izbor_prod { height: 65px; }

#ld #izbor_podkat { margin: -65px 0 0 102px; }

#ld #izbor_prod { margin: -65px 0 0 304px;
                  width: 394px; }

#kontakt_me, #map_me, #adres_me { display: inline-block;
                                  vertical-align: top; }

.ip { color: #660000;
      font-weight: bold; }

.date { color: #034700;
        font-weight: bold;
        cursor: default; }

.date:hover { color: #f00; }

.user_last_info { background-color: #0a4a7a;
                  color: yellow;
                  font-size: 11px;
                  padding: 5px; }

.modul { background-color: #abdff6;
         margin: 7px 0;
         padding: 7px; }

.close_djam { cursor: pointer;
              color: #f00;
              float: right; }

.panel_logo { max-height: 80px;
              max-width: 80px; }

#vip { padding: 2px 8px;
       background-color: #660000;
       color: #fff;
       border: #660000 solid 1px;
       border-radius: 3px;
       cursor: pointer; }

#vip:hover { background-color: #f00; }

#vip:active { color: yellow; }

/****************************************ЗА БИСКВИТКИ*****************************************/
#biskvitki { position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             background-color:  rgba(0, 0, 0, .5);
             color: #fff;
             display: none;
             font-size: 22px;
             font-weight: bold;
             text-shadow: 1px 1px 0 #000, -1px -1px 0 #000;
             text-align: center;
             padding: 10px 0;
             z-index: 100000000000; }

#ok { cursor: pointer;
      color: #ff0;
      font-size: 22px;
      font-weight: bold; }
/****************************************************************************************************/