#department-logo, #banner-1 { background-color:#003572; }

  #body { background:url(/image/layout/bg-navigation.gif) repeat-y right; }

  #navigation { background:url(../image/layout/bg-navigation.gif) repeat-y right; }

  #menu-right ul  { border-top:solid 1px #4E499E; }

    #menu-right ul li { border-bottom:solid 1px #4E499E;  }
    
      #menu-right ul li a { 
        color:#FFF; 
        background-color:#3E59AE; 
        border-top:solid 1px #4E499E;
        border-left:solid 1px #4E399E;
        border-right:solid 1px #4E399E;
        }

      #menu-right ul li a:hover { background-color:#4E69BE; }

#content ul li { list-style-image:url('/image/layout/bullet.gif'); }
  
#content h1 {
   color:#003572; 
   clear:both;
   font:bold 110% Tahoma,Helvetica,sans-serif;
   letter-spacing:1px;
   margin-top:.8em;
   margin-bottom:.8em;    
   padding-left:15px;
   padding-bottom:5px;
}

#content div.pane h3 {color: #A44862; font-weight: bold;}
* html #content div.pane h3.left {display: inline}

#content div.text div.n-digit {
    float:left;
    margin: 0px 10px 5px 5px;
}

#content div.form div.submit input {
    background-color: #3E59AE;
    padding: 5px 5px;
    color: white;
    border: 0;
}

#content div.news div.story-techart { padding:0.25em 10px .1em 15px; overflow: hidden;}

  #content div.news div.story-techart h3 {
    font:normal 85% Arial,Helvetica,sans-serif;
    margin-bottom:0.5em;
    width: 220px;
    float: left;
    }
    
  #content div.news div.story-techart p.date {
    color:#777;
    padding-top: 0.1em;
    margin-left:0;
    height:2em;
    margin-right: 5px;
    float: left;
    font:normal 77% Arial,Helvetica,sans-serif;
    }
    
#content .timescale ul li { list-style-image:none; }
#news-carousel li {list-style-image:none !important; }
.align-right {float: right; margin: 8px}

#content div.columns ul.portfolio {
   line-height: 1.2 em;
   margin: 0 0 1em 20px;
   padding:0px;
   list-style-type: none;
   list-style-image: none;
}
   #content div.columns ul.portfolio li {
      line-height:1.2em;
      margin:0px;
      padding:0px 0px 2px 5px;
      list-style-type: none;
      list-style-image: none;
   }
   
#content div.projects ul { padding:0 20px; list-style-type: none;}

    #content div.projects ul li { 
       margin:0.2em 0 1.2em 0;
       overflow: hidden;
       line-height: 1.5em;
       font-size: 92%;
       list-style-type: none;
       list-style-image: none;
       background: none;
    }
   
    #content div.projects ul li span.date {
       color:#777;
       margin-top:0px;
       margin-bottom:0px;
       margin-right: 10px;
       padding-top: 2px;
       width: auto;
       overflow: hidden;
       float: left;
       display: block;
       font:normal 92% Arial, Helvetica, sans-serif;
    }
    
    #content div.projects ul li .small {
       font-size: 85%;
    }
    
    #content div.projects ul li span.name {
       display: inline;
       margin-left: 0px;
    }
    #content div.projects ul.portfolio_section {
       line-height: 1.2 em;
       margin: 0 0 1em 10px;
       padding:0px;
       list-style-type: none;
       list-style-image: none;
    }
       #content div.projects ul.portfolio_section li {
          line-height:1.2em;
          overflow: hidden;
          width: 100%;
          margin:0 0 3px 0;
          padding:0px 0px 0px 10px;
          list-style-type: none;
          list-style-image: none;
       }
       #content div.projects ul.portfolio_section li .date {
          float: left;
          display: block;
          width: auto;
       }
       #content div.projects ul.portfolio_section li .name {
          float: left;
          display: block;
          width: 500px;
          font-size: 92%;
       } 

#prj_info {
    position: absolute;
    margin-top: -80px;
    margin-left: 100px;
    padding: 10px 15px 10px 15px;
    width: 300px;
    display: none;
    border: 1px solid #caccd0;
    background: #dedede;
    font-size: 11px;
    text-align: left;
    font-family: Tahoma, Arial, Sans-Serif;
}
#prj_info_in {
    padding: 10px 10px 10px 15px;
    width: 320px;
    background: #fefefe;
    font-size: 11px;
    text-align: center;
    font-family: Tahoma, Arial, Sans-Serif;
}
    #prj_info_in * {
        text-align: center;
    }
    #prj_info_in .header {
        text-align: left;
        margin-bottom: 10px;
    }
    #prj_info_in .img_close {
        float: right;
        cursor: pointer;
        margin: 0px 0px 5px 10px;
    }
    #prj_info_in .date {
        color: #8C3755;
        padding-right: 5px;
        font-size: 17px;
    }
    #prj_info_in .info_url {
        font-size: 17px;
        color: #8C3755;
        padding-left: 5px;
    }
    
    #prj_info_in p {
       margin: 0.8em 0;
    }

#content div.last_projects {
   height: 100%;
   line-height: 1.3em;
   margin: 0px 20px;
   overflow: hidden;
}
   #content div.last_projects div.last_project {
      width: 50%;
      float: left;
      text-align: center;
   }
   #content div.last_projects div.last_project .description {
      height: 65px;
      font-size: 85%;
   }
   #content div.last_projects div.last_project .date {
      color: #777;
      font-weight: bold;
   }
   #content div.last_projects .grey {
      background-color: #F2F2F2;
   }
   
#content div.nav_projects {
   margin: 0.5em 20px 1.5em 20px;
   overflow: hidden;
}

   #content div.nav_projects .item {
      float: left;
      padding: 3px 10px 3px 10px;
      width: auto;
      border-right: 1px solid #777;
      font-size: 100%;
      font-weight: bold;
   }
   
   #content div.nav_projects div.last {
      border-right: 0;
   }
   
.map-frame {
    width:560px;
    height:400px;
    padding:0px;
    margin: 0px 15px;
}

#content div.timenav { 
   margin: 0 20px 10px 20px;
}
   #content div.timenav div.years {
      overflow: hidden;
      width: 100%;
   }
      #content div.timenav div.years a {
         padding: 10px 12px 0 0;
         display: block; 
         float: left;
         font-size: 100%;
         color: #444;
         text-decoration: none;
         font-family: arial, helvetica, sans-serif;
      }
      #content div.timenav div.years a:hover {
         text-decoration: underline;
      }
      #content div.timenav div.years span { 
         float: left; 
         font-size: 185%; 
         color: #780046;
         letter-spacing: 5px;
         display: none;
         padding: 0 18px 0 0;
      } 
      #content div.timenav div.months { 
         border-top: 3px solid #780046;
         float: none;
         clear: both;
         padding: 0;
         height: 100%;
         overflow: hidden; 
      }
      #content div.timenav div.months a, div.timenav div.months span { 
         display: block;
         float: left;
         padding: 5px 11px 5px 11px;
         margin: 0; 
         font-family: "trebuchet ms",arial,helvetica,sans-serif;
      }
      #content div.timenav div.months a {
         text-decoration: none;
         color: #780046; 
      }
      #content div.timenav div.months a:hover {
         text-decoration: underline;
      }
      #content div.timenav div.months span { 
         color: #aaa;
      }
      #content div.timenav div.months a.current {
         background-color: #780046;
         color: #fff;
      }
      #content div.timenav div.months a.first {
         padding-left:20px;
      }

#prevnext { 
   float: none;
   clear: both; 
   border-bottom: 1px solid #ddd;
   background-color: #F2F2F4;
   background-image: url(http://www.techart.ru/image/news-prev-next-bg.gif);
   background-repeat: no-repeat;
   background-position: top center;
   height: 100%;
   font-size: 92%;
   overflow: hidden;
   margin: 0px 0 10px 0px;
}
   #prevnext #prevnewsi { 
      float: left;
      width: 20px;
      padding: 40px 10px 40px 10px;}
   #prevnext #prevnews { 
      float: left;
      width: 230px;
      padding: 30px 0 10px 0;
   }
   #prevnext #nextnewsi {
      float: right;
      padding: 40px 10px 40px 10px;
   }
   #prevnext #nextnews {
      float: right;
      width: 230px;
      padding: 30px 0 10px 0;
   }
   #prevnext h3 { 
      font-size: 92%;
      color: #888;
   }
   #prevnext a,#prevnext a:hover { 
      font-size: 92%;
      text-decoration: none;
      color: #444;
   }
   #prevnext a b { 
      font-weight: normal;
   }
   
   
#content div.newsimg {
   display: none;
   width: 170px;
   padding: 0 20px 0 7px;
   height: 260px;
   float: left;
}
   #content div.newsimg p {
      font-size: 82%;
      line-height:1.3em;
      color: #666;
      margin-top: 12px;
   }
#content #newsarchive {
   width: 302px;
   padding: 0 0 0px 0;
   margin: 0;
   float: left;
}
   #content #newsarchive ul {
      list-style-image: none;
      list-style-type: none;
   }
      #content #newsarchive ul li { 
         padding: 0 0 15px 0;
         list-style-image: none;
         list-style-type: none;
      }
      #content #newsarchive ul li h3 {
         padding: 0;
         margin: 0;
         color: #949494;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 85%;
         font-weight: bold;
      }
      #content #newsarchive ul li a {
         font-size: 92%;
      }
#content pre {
   margin: 10px 20px;
}
#top_counters {
   height: 1px;
   overflow: hidden;
   opacity: 1.0;
   filter: alpha(opacity=100);
}
.icons_menu {
   padding: 10px 25px;
   width: 175px;
   margin-right: 20px;
   background: #f2f2f5;
}
   .icons_menu li {
      margin-bottom: 5px;
   }
   .icons_menu a {
      white-space: nowrap;
      color: #030305;
   }