html,body{margin: 0;padding: 0;width: 100%;height: 100%;}
body{min-height:100%; height:auto!important; height:100%; position:relative; font:14px Arial;}
body{background:#ededed;}
.noscreen {display:none;}

.menu{background:url(../img/header_top_menu_background.gif) repeat-x; height:44px;}
.menu .item_act{margin-left:20px; float:left;cursor:pointer;}
.menu .item_act .menu_img{width:21px; float:left; height:44px; background:url(../img/menu_item_img_pas.png) no-repeat;}
.menu .item_act .text{float:left; color:#216794; font:16px Arial; margin-top:12px;}


.menu .item_pas{margin-left:20px; float:left; cursor:pointer;}
.menu .item_pas .menu_img{width:21px; float:left; height:44px; background:url(../img/menu_item_img.png) no-repeat;}
.menu .item_pas .text{float:left; color:#216794; font:16px Arial; margin-top:12px;}
.menu .item_pas:hover .menu_img{background:url(../img/menu_item_img_pas.png) no-repeat;}


.quote {
    border: 1px dashed #2e27b0;
    padding: 5px;
    background-color: #fdfdfd;
    color: #2e27b0;
}


.remenu{height:80px;}
.remenu .top{height:10px; width:92px; background:url(../img/remenu_top.gif) no-repeat;}
.remenu .bottom{height:66px;}
.remenu .bottom .left{width:6px; height:66px; background:url(../img/remenu_left.gif) no-repeat; float:left;}
.remenu .bottom .content{float:left; height:43px; min-width:10px; background:#FFFFFF; color:#1c5b86;}
.remenu .bottom .content .td_link{padding-left:5px; padding-right:5px;}
.remenu .bottom .content .td_link .link{color:#5c99dc; font-size:15px; font-family:Arial; text-decoration:none;}
.remenu .bottom .content .td_link .link:hover{text-decoration:underline; color:#006adf;}
.remenu .bottom .right{width:6px; height:66px; background:url(../img/remenu_right.gif) no-repeat; float:left;}

#portfoliodiv{position:absolute; top:44px; left:50px; display:none;}
#portfoliodiv #portfoliotop{position:relative; left:+85px;}

.header{background:url(../img/header_portfolio.gif) repeat-x; height:80px;}


.portfolio_null{background:url(../img/portfolio_bg.png) repeat-x; height:70px; width:100%; min-width:1000px;}

.portfolio_prev{background:url(../img/portfolio_bg.png) repeat-x; height:172px; width:100%; min-width:1000px;}
.portfolio_prev .port{width:724px; height:172px; margin:auto; background:url(../img/portfolio_bg_cen.png) no-repeat;}
.portfolio_prev .port img{border:0px; float:left;}
.portfolio_prev .port .img_1{margin:52px 0px 0px 10px; width:119px; height:80px;}
.portfolio_prev .port .img_2{margin:71px 0px 0px 122px; width:119px; height:82px;}
.portfolio_prev .port .img_3{margin:49px 0px 0px 228px; width:119px; height:80px;}

.portfolio{width:98%; border:1px solid #3369a0; margin:auto; margin-bottom:25px;}
.portfolio .title{height:23px; background:url(../img/top_border.gif) top repeat-x; font:15px Arial; color:#FFFFFF;}
.portfolio .title a{font:15px Arial; color:#FFFFFF; text-decoration:none;}
.portfolio .title a:hover{text-decoration:none;}
.portfolio .img{width:155px; height:155px; text-align:center; vertical-align:middle;}
.portfolio .img img{width:117px; height:117px; border:1px solid #3369a0;}
.portfolio .more{ vertical-align:bottom; padding-bottom:8px; text-align:right; padding-right:30px;}
.portfolio .more a{font:italic 16px Arial; color:#1c5a85; text-decoration:none;}
.portfolio .more a:hover{text-decoration:underline;}
.portfolio .text{padding-top:19px; font:14px Arial;}
.portfolio .text b{font:bold 14px Arial; color:#4d5e69;}
.portfolio .text_project{padding:19px; font:14px Arial;}
.portfolio .text_project b{font:bold 14px Arial; color:#4d5e69;}
.portfolio_image{width:90%; border:1px solid #3369a0; margin:auto; margin-top:25px;}
.portfolio .images{width:95%; margin:auto; text-align:center;}
.portfolio .images td{width:25%;}

.portfolio_index{width:98%; margin:auto; margin-top:20px;}
.portfolio_index_title{width:200px; font:bold 16px Arial; cursor:pointer; color:#3369a0; vertical-align:middle; text-align:center; height:30px; border-bottom:2px solid #3369a0;}
.portfolio_index_items{vertical-align:top; text-align:left; padding-top:10px; padding-left:20px;}

.portfolio_category{width:98%; margin:auto; border-collapse:separate; empty-cells:hide; border-spacing:5px;}
.portfolio_category td{text-align:center; width:50%; height:70px; vertical-align:middle; border:1px solid #000000;}

.logo{background:url(../img/logo_bg.png) repeat-x; height:67px;}
.logo .logotip{margin-left:80px; background:url(../img/logo.png) no-repeat; height:67px; width:212px;}
#contents{width:100%; padding-bottom:124px; background-color:#ededed; background:transparent;  }


.fotter{position:absolute; background:url(../img/fotter_bg.png) #00FF00 repeat-x; height:104px; width:100%; bottom:0;}
.fotter .icon{width:100%; height:104px; background:url(../img/fotter_icon.png) right top no-repeat;}



.db_index{width:98%; margin:auto; margin-top:20px;}
.db_index_title{width:250px; font:bold 16px Arial; cursor:pointer; color:#3369a0; vertical-align:middle; text-align:center; height:30px; border-bottom:2px solid #3369a0; border-right:1px solid #3369a0;}
.db_global{vertical-align:top; text-align:left; padding-top:10px;border-right:1px solid #3369a0; font:14px Arial;}
.db_global div{ position:relative; left:+30px; padding-left:3px; border-left:1px solid #000000; border-right:1px solid #000000; background:#e9e1e1; margin:3px; margin-left:0px;}
.db_global .page{cursor:pointer;}
.db_global .razdel_off{background:url(../img/+.png) center left no-repeat; cursor:pointer;}
.db_global .razdel_off:hover{background:url(../img/+a.png) center left no-repeat;}
.db_global .span_title{cursor:pointer; font:15px Arial; color:#4d5e69;}
.db_global .span_title:hover{text-decoration:underline;}
.db_global .razdel_on{background:url(../img/-.png) center left no-repeat; cursor:pointer;}
.db_global .razdel_on:hover{background:url(../img/-a.png) center left no-repeat;}
.db_global .none{display:none;}
.db_global .block{display:block;}
span.blocks{display:block;}
.db_index_remenu{border-bottom:2px solid #3369a0; vertical-align:middle; padding-left:5px;}
.db_content{vertical-align:top; padding:7px;}
.db_href{cursor:pointer; font:15px Arial; color:#4d5e69; text-decoration:none;}
.db_href:hover{text-decoration:underline;}



table.info{width:95%; margin:0px; margin:auto;}
table.info .icon{width:95px; vertical-align:top;}
table.info .icon .ico_computer{width:75px; height:104px; margin:auto; background:url(../img/icon_computer.png) no-repeat;}
table.info .icon .ico_info{width:59px; height:98px; margin:auto; background:url(../img/icon_info.png) no-repeat;}
table.info .title{ vertical-align:top; font:25px Arial; color:#1c5a85;}
table.info .content{ font:14px Arial; color:#1c5a85; text-align:justify; vertical-align:top;}









.lessons{width:98%; margin:auto; margin-top:20px;}
.lessons td{ vertical-align:top}
.lessons_title{font:bold 16px Arial; color:#3369a0; vertical-align:top; text-align:center; height:30px; border-bottom:1px solid #75b5d7; }
.lessons_menu{vertical-align:top; text-align:left; padding:5px 0px 0px 10px;list-style-type: none;}
.lessons_menu a{font:15px Arial; color:#4d5e69; background:url(../img/list.gif) center left no-repeat; text-decoration:none; padding-left:10px;}
.lessons_menu a:hover{text-decoration:underline; background:url(../img/list_open.gif) center left no-repeat;}
.lessons_contents{vertical-align:top; text-align:left; padding:5px 30px 0px 5px; font:14px Arial; color:#1c5a85;}
.lessons_menu ul{margin-bottom:5px;}







.parser_index{width:98%; margin:auto;}
.parser_title{font:bold 16px Arial; color:#3369a0; vertical-align:middle; text-align:center; height:30px; border-bottom:1px solid #75b5d7;}
.parser_content{padding:5px;}
.parser_content textarea{width:99%; overflow:scroll; height:300px; border:1px solid #75b5d7;}
.parser_code_block{width:99%; border:1px solid #75b5d7; display:block; margin:auto; background:#FFFFFF;}
.parser_code_none{display:none;}



.tbl{
border-right:1px solid;
border-top:1px solid;
}
.tbl th{
background-color:#CCCCCC; 
border-left:1px solid; 
border-bottom:1px solid;
}
.tbl td{ 
background-color:#e9e9e9;
border-left:1px solid; 
border-bottom:1px solid;
}


/* Text_Highlighter */
.hl-main {font-family: monospace; font-size:13px;}
.hl-gutter { background-color: #CCCCCC; padding-right: 10px; 
             font-family: monospace; font-size:13px;}
.hl-table {border: solid 1px #000000; }

.hl-default { color: #000000; }
.hl-code { color: #7f7f33; }
.hl-brackets { color: #009966; }
.hl-comment { color: #7F7F7F; }
.hl-quotes { color: #00007F; }
.hl-string { color: #7F0000; }
.hl-identifier { color: #000000; }
.hl-reserved { color: #7F007F; }
.hl-inlinedoc { color: #0000FF; }
.hl-var { color: #0066FF; }
.hl-url { color: #FF0000; }
.hl-special { color: #0000FF; }
.hl-number { color: #007F00; }
.hl-inlinetags { color: #FF0000; }
.hl-builtin    { color:#996633; }


