/* tegs */

* {font-family: Arial, sans-serif;}

html, body {height: 100%; background: #fff;}

html, body, h1, h2, h3, h4, h5, form {margin: 0; padding: 0;}

a {color: #E45503;}

a:hover {color: #293081;}



/* standart styles */

.t100 {width: 100%; height: 100%;}

.w100 {width: 100%;}

.h100 {height: 100%;}

.block_list {margin: 0;}

        .block_list li {margin: 0; padding-left: 12px; list-style: none; background: url(../images/square_marker.gif) no-repeat 0 6px;}

        .block_list blockquote {margin: 5px 0 5px 10px;}

.standart_button {background: url(../images/standart_button_bg.gif) repeat-x; cursor: pointer;}

        .standart_button_td { padding: 0 16px 3px 20px; color: #293081; font-size: 11px;}

.standart_button_left {background: url(../images/standart_button_bg_left.gif) repeat-x; cursor: pointer;}

        .standart_button_td_left { padding: 0 16px 3px 20px; color: #293081; font-size: 11px;}

.standart_button_small {background: url(../images/standart_button_small.gif) left top no-repeat; float: left; padding: 0 0 6px 28px; font-weight: bold; text-decoration: underline;}



/* text */

.text {font-size: 75%; vertical-align: top; padding: 10px 20px; line-height: 1.4em;}

        .text * {font-size: 1em; line-height: 1.4em;}

                .text p {margin: 10px 0; padding: 0;}

                .text ol li {margin-left: 25px; line-height: 1.4em; padding-bottom: 8px;}

                .text ul li {margin-left: 5px; padding-left: 12px; list-style: none; background: url(../images/square_marker.gif) no-repeat 0 6px;}

                .text h1, .text h2, .text h3, .text h4, .text h5 {color: #293081; margin-top: 20px;}

                .text h1 {font-size: 1.3em;}

                .text h2 {font-size: 1.2em;}

                .text h3 {font-size: 1.1em;}

                .text h4 {font-size: 1em;}

                .text h5 {font-size: 1em; font-weight: normal;}

                .text sub {font-size: 0.8em;}

                .text sup {font-size: 0.8em;}

                .text big {font-size: 1.1em}

                .text small {font-size: 0.8em}

                .text input, #text textarea {font-family: Arial, sans-serif;}

                .text img.leftb {float: left; margin: 0 10px 10px 0; border: 1px solid #000;}

                .text img.rightb {float: right; margin: 0 0 10px 10px; border: 1px solid #000;}

                .text img.left {float: left; margin: 0 10px 10px 0; }

                .text img.right {float: right; margin: 0 0 10px 10px;}

                .text img.normal { margin: 10px; border: 1px solid #000;}

ol {list-style-type: decimal;}
html>body ol {list-style-type: none;}
html:root ol {list-style-type: decimal;}

.text ol {counter-reset: ol;}
.text ol ol {counter-reset: ol2;}
.text ol ol ol {counter-reset: ol3;}
.text ol ol ol ol {counter-reset: ol4;}
.text ol ol ol ol ol {counter-reset: ol5;}
.text ol ol ol ol ol ol {counter-reset: ol6;}
.text ol ol ol ol ol ol ol {counter-reset: ol7;}

.text ol li:before {
content: counter(ol) ". ";
counter-increment: ol;
}

.text ol ol li:before {
content: counter(ol) ". " counter(ol2) ". ";
counter-increment: ol2;
}

.text ol ol ol li:before {
content: counter(ol) ". " counter(ol2) ". " counter(ol3) ". ";
counter-increment: ol3;
}

.text ol ol ol ol li:before {
content: counter(ol) ". " counter(ol2) ". " counter(ol3) ". " counter(ol4) ". ";
counter-increment: ol4;
}
.text ol ol ol ol ol li:before {
content: counter(ol) ". " counter(ol2) ". " counter(ol3) ". " counter(ol4) ". " counter(ol5) ". ";
counter-increment: ol5;
}

.text ol ol ol ol ol ol li:before {
content: counter(ol) ". " counter(ol2) ". " counter(ol3) ". " counter(ol4) ". " counter(ol5) ". " counter(ol6) ". ";
counter-increment: ol6;
}

.text ol ol ol ol ol ol ol li:before {
content: counter(ol) ". " counter(ol2) ". " counter(ol3) ". "  counter(ol4) ". " counter(ol5) ". " counter(ol6) ". " counter(ol7) ". ";
counter-increment: ol7;
}

.text ul {list-style-type: square;}
.text ul li:before {content: "" !important;}
.text ol ul li {counter-reset: ol1 ol2 ol3 ol4 ol5 ol6 ol7;}

acronym,abbr,.help{
border-bottom:1px dotted #333333;
cursor:help;
}
#tooltip{
background:#FFFFFF;
border:1px solid #666666;
color:#333333;
font:menu;
margin:0px;
padding:3px 5px;
position:absolute;
visibility:hidden;
}
#adv {
     position:absolute;
     bottom:0;
/*     background:#00FF00;*/
}


/* site_head */

#head {background: url(./images/head_bg.gif) repeat-x top; height: 129px;}

        #head_inside {background: url(./images/head_left.jpg) no-repeat left top; width: 100%; height: 100%;}

                #head_left {vertical-align: top; width: 28px;}

                        #head_left img {display: block; border: 0 solid;}

                        #ico_home {margin: 18px 2px 0 17px;}

                        #ico_mail {margin: 32px 0 0 11px;}

                        #ico_map {margin: 8px 0 0 11px;}

                        #ico_search {margin: 8px 0 0 11px;}

                #head_right {background: url(./images/head_right.jpg) no-repeat right top; vertical-align: top;}

                        #head_right object {float: left;}

                        .lang {float: right; border: 0 solid; margin: 8px 11px 20px 2px}

                        #banner_block {text-align: right; height: 53px; clear: right;}

                                #banner_block img {border: 0 solid; margin-right: 12px; float: right;}

                        #top_menu {margin: 11px 20px 0 354px; width: 580px;}

                                .top_menu_item {position: relative; float: left; padding: 7px 12px 0 12px; font: bold 11px Arial; color: #293081; text-decoration: none; cursor: pointer; cursor: hand;}

                                .top_menu_item_hover {position: relative; float: left; padding: 7px 12px 0 12px; font: bold 11px Arial; text-decoration: none; background: url(./images/menu_hover.gif) repeat-x top; color: #E45300;  cursor: default;}

                                        .top_submenu {position: absolute; left: 0; top: 25px; visibility: hidden; width: 150px; background: #F9F9FF; border: 1px solid #B8BBE7;}

                                        .top_submenu a {display: block; font-weight: normal; padding: 3px 10px; color: #000; text-decoration: none;}

                                        .top_submenu a:hover {color: #E4500C; background: #EAEBFF;}


/* site left row */

#left_row {width: 183px; background: #F0F0FA url(./images/left_row_bg.gif) repeat-x bottom; vertical-align: top; padding-bottom: 15px;}

        #left_header, .left_header {background: #F06700 url(./images/left_head.gif) repeat-x bottom; color: #fff; font-weight: bold; font-size: 11px;}

        #left_header {padding: 1px 0 1px 12px;}

        .left_header {padding: 2px 0 2px 12px; margin-top: 4px;}

        .left_menu, .left_menu_current {display: block; padding: 5px 0 4px 22px; background: url(./images/left_menu.jpg); font-weight: bold; font-size: 11px; text-decoration: none; color: #000; border-top: 1px solid #fff;}

        .left_menu {color: #000;}

        .left_menu_current {color: #293081;}

        .left_submenu {margin: 5px 0; display: none;}

                .left_submenu a {display: block; padding: 1px 0 1px 22px; color: #000; text-decoration: none; font-size: 11px;}

                .left_submenu a:hover {background: #EAEBFF; color: #E45300;}
        .show_news {color: #000;}

        .show_news_current {color: #293081;}

        .show_bnews {margin: 5px 0; display: none;}

                .show_bnews a {display: block; color: #000; font-size: 11px;}

                .show_bnews a:hover {background: #EAEBFF; color: #E45300;}

        #left_account {height: 240px; background: url(./images/left_account_bg.jpg) no-repeat left; padding: 0 25px 0 35px;}

                #left_account_header {font: bold 11px Tahoma, sans-serif; padding: 12px 0;}

                #left_account label {font: 11px Tahoma, sans-serif; color: #1C1C1D; display: block; margin: 5px 0 2px 0;}

                #left_account input {font: 11px Tahoma, sans-serif; border: 1px solid #646465; color: #1C1C1D; background: #FFF;}

                #left_account center {padding-right: 6px;}

                #left_account a {font: 10px Tahoma, sans-serif; color: #E56218;}

                .account_enter {margin: 20px 0 10px 0;}

                #left_banners {text-align: center; padding-bottom: 20px;}

                        #left_banners img {border: 0 solid; margin-top: 15px;}

#row_delim {background: url(./images/row_delim_bottom.gif) no-repeat bottom left; width: 17px; vertical-align: top;}


/* site content */

#right_row {vertical-align: top; padding: 15px 0 0 0; width: 256px;}

        .block_header {background: #F2F2F9 url(./images/block_header_bg.gif) left top no-repeat; padding: 3px 10px 5px 36px; color: #293081; font-size: 18px; line-height: 1.3em;}
        .block_header h1 {margin: 0; padding: 0; line-height: 1.3em; color: #293081; font-size: 18px; font-weight: normal;} 
        .dotted_line_w {font-size: 1px; line-height: 1px; width: 1px; background: url(./images/dotted_bg.gif);}

        .dotted_line_h {font-size: 1px; line-height: 1px; height: 1px; background: url(./images/dotted_bg.gif);}

        .dotted_line_hr {font-size: 1px; line-height: 1px; height: 1px; background: url(./images/dotted_bg.gif); margin: 8px 0 2px 0;}

#center_row {vertical-align: top; padding: 15px 0 0 0;}

/* BLOCKS */

        /* course block */

        .course_block {width: 256px; background: url(./images/course_bg.gif) no-repeat bottom; text-align: center; padding: 20px 0 85px 0;}

                .course_table {margin: auto;}

                        .course_table * {font: 12px Verdana, sans-serif;}

                        .course_table .second_row {background: #D8D9F1; margin: auto;}

                        .course_table td {padding: 3px 5px;}

                        .course_table th {text-align: left;}

                        .course_table caption {margin: auto;}

                        .second_row {background: #D8D9F1; margin: auto;}

        /* news block */

        .news_block {width: 216px; background: url(./images/news_block_bg.gif) bottom right no-repeat; padding-bottom: 50px;}

                .news_block_date b {color: #E45300; font-size: 18px; font-weight: normal;}

        /* terminal block */

        .terminal_block {width: 27%; text-align: center;}

        /* about block */

        .about_block {width: 216px;}

        /* inside block */

        .inside_block {padding: 0 36px 20px 36px;}

        /* howto_block */

        #howto_block {width: 318px; height: 389px; position: relative;}

        #howto_number {position: absolute; left: 165px; top: 25px;}

        .howto_text {position: absolute; left: 90px; top: 100px; width: 200px; display: none;}

        .howto_text_active {position: absolute; left: 85px; top: 73px; width: 180px; line-height: 13px; font: 11px Tahoma, sans-serif;}


/* site footer */

        .big_banner {border: 0 solid; margin: 15px auto 5px auto;}

        .spacer {width: 796px;}

        #bottom_menu {text-align: center; padding: 10px; color: #293081; font: bold 11px Arial, sans-serif;}

                #bottom_menu a {color: #293081; text-decoration: none; font: bold 11px Arial, sans-serif;}

                #bottom_menu a:hover {color: #E45300;}

#footer {background: #2A3182 url(./images/footer_bg.gif); height: 67px;}

        #footer div {background: url(./images/footer_left.jpg) no-repeat left; height: 67px;}

                #footer div div {float: right; width: 1000px; background: url(./images/footer_right.jpg) no-repeat right; height: 67px;}

                #footer img {float: right; margin: 30px 156px 0 0; width: 498px; height: 13px;}