@charset "utf-8";

/*--------------------Умолчания--------------------*/
* {margin:0; padding:0}
body {padding-bottom:45px; background:#e4f1f9 url(../../img/page_bg.png) bottom repeat-x; font:400 12px Verdana, Geneva, sans-serif}

/*--------------------Ссылки--------------------*/
a img {border:none}
a {text-decoration:underline; color:#0067ab}
a:hover {text-decoration:none}

/*--------------------Формы--------------------*/
label {display:block; float:left; height:20px; font-size:12px; line-height:20px; color:#236fae}
label.radio_wrapper {height:auto; padding-top:4px; line-height:12px}
label.radio_wrapper.fl_right {float:right}
label.radio_wrapper input {display:block; width:12px; height:12px; float:left; margin-right:5px}
input[type="text"], input[type="password"] {display:block; float:left; height:14px; padding:2px 3px; border:1px solid #7f9db9; background:#fff; font:400 12px/14px Verdana, Geneva, sans-serif}
textarea  {display:block; float:left; height:56px; padding:2px 0 2px 3px; border:1px solid #7f9db9; background:#fff; font:400 12px/14px Verdana, Geneva, sans-serif}
select {display:block; float:left; height:20px; border:1px solid #7f9db9; font:12px Verdana, Geneva, sans-serif}
button {cursor:pointer}

div.custom_button {position:relative; float:left; height:26px; overflow:hidden; padding:0 15px; background:url(../../img/button1.png); font:700 12px/24px Tahoma, Geneva, sans-serif; text-align:center; color:#7d7d7d}
div.custom_button span {position:absolute; top:0; left:-5px; display:block; width:5px; height:26px; overflow:hidden; margin-left:100%; background:url(../../img/button1.png) 100% 100% no-repeat}
div.custom_button button {position:absolute; top:0; left:0; width:100%; height:100%; border:none; background:url(../../img/blank.png); cursor:pointer}
div.custom_button a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../../img/blank.png)} 

/*--------------------Глобальные классы--------------------*/
.clearfix {display:inline-block}
.clearfix {display:block}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

.hidden {display:none}

.mt_5 {margin-top:5px}
.mt_10 {margin-top:10px}

.fw_700 {font-weight:700}

div.rcb1 div.rcb1_t {height:1px; overflow:hidden; margin:0 1px; background:#8fb9d0}
div.rcb1 div.rcb1_m {padding:6px; border-left:1px solid #8fb9d0; border-right:1px solid #8fb9d0}
div.rcb1 div.rcb1_b {height:1px; overflow:hidden; margin:0 1px; background:#8fb9d0}

/*--------------------Разметка--------------------*/
div.page {position:relative; left:36px; width:976px; margin:0 auto; background:url(../../img/page_m.png)}
div.page_t {padding-top:5px; background:url(../../img/page_t.png) no-repeat}
div.instruments_wrapper {position:absolute; z-index:0; top:130px; left:-72px; width:72px; overflow:hidden}
div.instruments {position:relative; left:52px}
div.header {position:relative; z-index:5; width:952px; height:113px; margin:0 auto; background:url(../../img/header.png)}
div.content {margin-top:10px; padding:0 12px}
div.left_column {float:left; width:263px; overflow:hidden}
div.right_column {float:right; width:679px; min-height:600px; overflow:hidden}
div.footer {height:67px; margin-top:15px; padding:0 50px; background:url(../../img/footer.png)}

/*--------------------Инструменты--------------------*/
div.instruments a.switcher {display:block; float:left; width:20px; height:149px; margin-top:41px; background:url(../../img/instruments_swithcer.png)}
div.instruments a.switcher.active {background:url(../../img/instruments_swithcer_active.png)}
div.instruments div.items {display:block; float:right; width:52px}
div.instruments div.items a {display:block; width:52px; height:55px; overflow:hidden; padding-top:5px; background:url(../../img/instrument.png); font-size:9px; line-height:9px; text-align:center; text-decoration:none; color:#03495d}
div.instruments div.items a img {display:block; margin:0 auto}
div.instruments div.items a:hover {background:url(../../img/instrument_active.png)}
div.instruments div.items a.first {height:56px; background:url(../../img/instrument_first.png)}
div.instruments div.items a.first:hover {background:url(../../img/instrument_first_active.png)}
div.instruments div.items a.last {height:57px; background:url(../../img/instrument_last.png)}
div.instruments div.items a.last:hover {background:url(../../img/instrument_last_active.png)}

/*--------------------Шапка--------------------*/
/*Часы*/
div.clock {position:absolute; top:0; left:30px; height:25px; font:12px/25px Arial, Helvetica, sans-serif; color:#606161}

/*Поиск*/
div.header div.search {position:absolute; top:5px; right:30px; width:313px}
div.header div.search input {width:280px; height:13px; padding:0 3px 1px; border:1px solid #d0cfcf; font:400 11px/13px Verdana, Geneva, sans-serif; color:#7f7e7e}
div.header div.search button {float:right; width:18px; height:16px; border:none; background:url(../../img/button_search.png)}

/*Логотип*/
a.logo {position:absolute; top:54px; left:56px; width:168px; height:47px; background:url(../../img/logo.png)}

/*Меню*/
div.header ul.menu {list-style:none; position:absolute; z-index:5; top:57px; right:30px}
div.header ul.menu li {position:relative; z-index:5; float:right; height:28px; margin-left:-1px; padding-top:4px; background:url(../../img/menu.png) -15px 0 no-repeat; line-height:24px}
div.header ul.menu li.active {background-image:url(../../img/menu_active.png)}
div.header ul.menu li.first {padding-right:4px; background-position: 100% 0}
div.header ul.menu li.last {padding-left:4px; background-position: 0 0}
div.header ul.menu li a.menu_link {display:inline-block; height:24px; padding:0 8px; border-left:1px solid #369dcd; border-right:1px solid #369dcd; text-decoration:none; color:#07547c}
div.header ul.menu li a.menu_link.opened {background:url(../../img/menu_hover.png) -10px 0 no-repeat}
div.header ul.menu li.drop_down a.menu_link.opened {background:url(../../img/menu_hover_drop.png) -10px 0 no-repeat}
div.header ul.menu li.first a.menu_link.opened {background-position:100% 0}
div.header ul.menu li.last a.menu_link.opened {background-position:0 0}
div.header ul.menu li.drop_down a.menu_link.opened {height:28px}
div.header ul.menu li.first a.menu_link {border-right:none}
div.header ul.menu li.last a.menu_link {border-left:none}
div.header ul.menu li div.sub_item {position:absolute; z-index:5; top:32px; left:0; display:none; padding:7px; border:1px solid #369dcd; border-top:none; background:#fff; font-size:11px; line-height:14px; white-space:nowrap}
div.header ul.menu li.first div.sub_item {left:auto; right:4px}
div.header ul.menu li.last div.sub_item {left:4px; right:auto}
div.header ul.menu li div.sub_item p.title {font-size:12px; line-height:16px; font-weight:700; color:#124963}
div.header ul.menu li div.sub_item a {color:#369dcd}
div.header ul.menu li div.sub_item ul {list-style-position:inside; list-style-type:disc; position:static; padding-left:5px; color:#3b7a97}
div.header ul.menu li div.sub_item ul li {position:static; float:none; height:auto; margin:0; padding:0; background:none; line-height:14px}
div.header ul.menu li div.sub_item ul li a {text-decoration:none; color:#3b7a97}
div.header ul.menu li div.sub_item ul li a:hover {text-decoration:underline}

/*--------------------Содержимое--------------------*/
/*Хлебные крошки*/
ul.bread_crumps {list-style:none; margin-top:-2px; padding:0 0 6px 20px; font-size:13px; font-weight:700; color:#4e4e4e}
ul.bread_crumps li {float:left; padding:0 10px 0 12px; background:url(../../img/bread_crumps_item_l.png) left no-repeat}
ul.bread_crumps li:first-child {padding-left:0; background:none}

/*Заголовок блоков*/
div.block_title {min-height:25px; padding:0 8px; border-left:1px solid #49a2d4; border-right:1px solid #49a2d4; border-bottom:1px solid #60a8d6; background:#47a8e3 url(../../img/block_title.png) repeat-x}
div.block_title p {float:left; line-height:25px; font-weight:700; color:#fff}
div.block_title a {float:right; font-size:11px; line-height:25px; font-weight:700; color:#2d4254}

/*Ошибки*/
ul.errors {list-style:none; margin-top:10px; padding-left:15px; font-size:11px; line-height:18px; font-weight:700; color:#fe0101}
ul.errors li {display:block; padding-left:12px; background:url(../../img/list_item.png) 0 8px no-repeat}

/*--------------------Правая колонка--------------------*/
/*Регистрация*/
div.registration {color:#5c5c5c}
div.registration div.row {margin-top:15px}
div.registration input[type="text"],
div.registration input[type="password"] {width:250px; margin-right:15px; border-color:#a8acad}
div.registration select {width:258px; border-color:#a8acad}
div.registration select.day {width:50px; margin-right:10px}
div.registration select.month {width:118px; margin-right:10px} 
div.registration select.year {width:70px}
div.registration label.param_name {width:180px; margin-right:20px; font-weight:700; text-align:right; color:#5c5c5c}
div.registration label.radio_wrapper {margin-right:30px; line-height:15px; color:#5c5c5c}
div.registration label.radio_wrapper input {display:block; float:left; width:13px; height:13px; margin:1px 5px 0 0}

/*--------------------Левая колонка--------------------*/
div.left_column div.rcb1 {margin-bottom:10px}

/*Вход*/
div.enter {padding:15px 15px 20px; background:url(../../img/enter.png) 100% 100% no-repeat}
div.enter input {float:right; width:150px}
div.enter div.clearfix {margin-top:7px}
div.enter div.custom_button {float:right}
div.enter div.links {margin-top:15px; line-height:16px}

/*Кнопки регистрации*/
div.reg_buttons a {display:block; height:42px; margin-top:3px; padding:10px 0 0 12px; background:url(../../img/reg_link.png); font:12px/16px Arial, Helvetica, sans-serif; text-decoration:none; color:#c9e6f8}
div.reg_buttons a strong {font:700 12px/16px Verdana, Geneva, sans-serif}

/*Помощь*/
div.help div.block_title a {float:none; font-size:12px; font-weight:400; color:#fff}
div.help div.inner {padding:10px 3px 0; color:#5c5c5c}

/*--------------------Подвал--------------------*/
/*Копирайты*/
div.copyrights {float:left; margin-top:21px; font-size:11px; line-height:12px; font-weight:700; color:#fff}

/*Разработчики*/
a.developers {display:block; float:right; width:62px; height:28px; margin:19px 0 0 20px; background:url(../../img/developer_logo.png)}

/*Меню*/
div.footer div.menu {float:right; margin-top:27px; font-size:11px; line-height:13px; color:#fff} 
div.footer div.menu a {text-decoration:none; color:#fff}
div.footer div.menu a:hover {text-decoration:underline}