/* Глобальные */
body, img, form, fieldset, p,
table, tr, td,
h1, h2, h3, h4, h5, h6,
dl, dd, dt, ul, li
{ padding: 0; margin: 0; border: 0; }

html, body { height: 100%; background-color: #ffffff;    
             font: normal normal 12px Tahoma, Arial, Helvetica, sans-serif;}
a img {border: none;}
img {border: none;}

body{text-align: center; font-size: 11px;}
.clear {clear:both;}

a {color: #3c4787; /*color: #303e5a;*/}
a:hover {color: #f45e03;text-decoration:none;}
a.more {font-weight: bold; text-decoration: none; text-align: left;}

#body-container {width: 760px; text-align: left; margin: 0px auto; padding: 0;}

#logo {width: 760px; height: 55px; position: relative;}
#head-container {position: absolute; right: 20px; top: 22px;}

/*Мета меню*/
#meta-menu {color: #515151; margin-top: 5px; margin-right:25px; float:left;}
#meta-menu a {color: #515151; text-decoration: none;}
#meta-menu ul {}
#meta-menu ul li {list-style: none; display: inline; padding: 2px 5px 5px 20px;}
#meta-menu ul li#site-map {background: url(sitemap.gif) no-repeat 2px 0.4em;}
#meta-menu ul li#contacts {background: url(contacts.gif) no-repeat 0 0.4em;}

/*Поисковая форма*/
#search-form {padding-left: 25px; border-left: 1px solid #9b9b9b; float:left;}
#search-form form {}
#search-form label {color: #515151; padding-right: 5px;}
#search-form-string {font-size: 12px; -moz-border-radius: 3px; border: 1px solid #9b9b9b; padding: 3px; width: 150px;}
#search-form-submit {color: #fff; font-size:11px; font-weight: bold; background: url(serach-btn.jpg); border: 0; width: 71px; height: 22px;}

/*Главное меню*/
#main-menu {margin-top: -1px; color: #515151; font-size: 12px; width:100%; float: left;}
#main-menu a {color: #515151; text-decoration: none; width: 155px;}
#main-menu ul {text-align: center; background: url(mmenu-gray-bg.jpg) repeat-x; width: 100%; border-top: 1px solid #c55800;}
#main-menu ul li {padding: 0 3px 0 6px; line-height: 21px; list-style: none; display: inline;}



/* блок с шапкой 1*/
.box-1 {border: 1px solid #c8c8c8; width: 100%; margin-bottom: 10px;}
.box-1 .box-head a {color: #fff; text-decoration: none;}
.box-1 .box-head {color:#fff; font-size: 12px; font-weight: bold;}
.box-1 .box-head .box-sub {background: url(box1-head-bg.jpg);  text-align:left; line-height:20px; 
                           border-bottom: 1px solid #c8c8c8; 
                           padding-top: 2px; width: 100%; float:left;}

.box-1 .box-head .box-sub .in-1 {background: url(box1-head-subbg.jpg) #ff7e00; float: left; margin-left: 5px;}
.box-1 .box-head .box-sub .in-2 {background: url(box1-head-subbg-left.jpg) no-repeat top left;}
.box-1 .box-head .box-sub .in-3 {background: url(box1-head-subbg-right.jpg) no-repeat right top; white-space: nowrap; padding: 0 5px; width: 120px;}
.box-1 .box-body {text-align: left; /*padding: 0 10px;*/ clear:both;}



/* блок с шапкой 2*/
.box-2 {padding-bottom:15px;}
.box-2 .box-head {color:#fff;  background: url(box2-head-bg.jpg) #ff8f14; 
                  font-size: 12px; font-weight: bold; line-height: 1.7em; border: 1px solid #ff870b; -moz-border-radius: 3px 3px 0 0; padding-left: 10px;}
.box-2 .box-body {text-align: left; border: 0px solid #c8c8c8; border-top: 0px; padding: 0 10px;}
.box-2 .box-body a {}

/* список в блоке */
.box-2 .box-body ul {padding: 10px 5px 10px 0px; margin-bottom: 10px;}
.box-2 .box-body ul li {padding-left: 20px; padding-bottom: 5px;list-style: none outside; clear:both;}
.box-2 .box-body ul li a.more {display: block; float: right; padding-bottom:5px;}

.box-2 .box-body * {clear:both;}
.box-2 .box-body a.more {display: block; float: right; padding-bottom:5px;}


/*Блок с шапкой 3 */
.box-3 {width: 100%; height: 140px; padding-bottom:15px;
        border: 1px solid #c8c8c8; -moz-border-radius: 3px 3px 0 0; margin: -2px; 
        margin-bottom: 10px; clear: both;}


/*Блок с синей шапкой */
.bbox-1 {border-bottom: 1px solid #c8c8c8; width: 100%; margin-bottom: 10px; background: url(bban-top-bg.png) no-repeat 0px 23px;}
.bbox-1 .bbox-head a {color: #fff; text-decoration: none;}
.bbox-1 .bbox-head {color:#fff; font-size: 12px; font-weight: bold; padding-bottom: 30px;}
.bbox-1 .bbox-head .bbox-sub {text-align: left; line-height: 20px; border-bottom: 1px solid #315b97; 
                              padding-top: 2px; width: 100%; float:left;}

.bbox-1 .bbox-head .bbox-sub .in-1 {background: url(bbanc.png) #36629d; float: left; /*margin-left: 5px;*/}
.bbox-1 .bbox-head .bbox-sub .in-2 {background: url(bbanl.png) no-repeat top left;}
.bbox-1 .bbox-head .bbox-sub .in-3 {background: url(bbanr.png) no-repeat right top; white-space: nowrap; padding: 0 0 0 15px; width: 90px;}

.bbox-1 .bbox-body {background: url(bban-bottom-bg.png) no-repeat bottom; text-align: justify; clear: both;}
.bbox-1 .bbox-body a.more {color: #fff; background: url(ban-more.png) no-repeat #ff7e00;  
                           text-decoration: none; text-align: center; font-weight: bold; line-height: 20px;  
                           display: block; margin-top: 5px; margin-left: 60px; width: 110px; height: 20px;}
.bbox-1 .bbox-body ul li {background: url(ban-bullet.png) no-repeat 0px 5px; padding-left: 12px; list-style: none outside;}


/* Разметка в 3 колокни */
#content-container {margin-top: 5px; width: 100%; clear: both;}
#content-container td {vertical-align: top;  /*padding: 0;*/ margin:0;}
#left {width: 200px; padding: 0 8px 0 0;}
#center {text-align: justify; padding-left: 2px; padding-right: 2px;}
#right {width: 180px; padding: 0 0px 0 8px;}
/* end of разметка на 3 колонки */

/*Левое меню */
#left-menu {width: 100%; margin-bottom: 10px;}
#left-menu a {color: #3c4787; text-decoration: none; display: block; width: 100%;}
#left-menu a:hover {color: #f45e03;}
#left-menu a.here {color: #f45e03;}

#left-menu ul {}
#left-menu ul li {background: url(lmenu-bg.gif) repeat-x; font-size: 12px; font-weight: bold; 
                  list-style: none outside; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}

#left-menu ul li ul {padding-top: 5px; }
#left-menu ul li ul li {background: none; font-size: 11px; font-weight: normal; padding-left: 10px; padding-top: 0; padding-bottom: 0;}
#left-menu ul li ul li ul {padding-top: 2px; padding-bottom: 2px;}
/* Только для второго и третего уровня перепределяем*/
#left-menu ul li ul li a {padding-left: 10px; margin-left: -10px;  }
#left-menu ul li ul li a:hover {background: url(arrow2.gif) no-repeat left center;}

/*Новости */
#news {margin: 0 5px;}
.news-item {padding-top: 5px; margin-bottom: 5px; clear: both;}
.news-item .news-date {color: #686868; background: #f5f5f5; font-weight: bold; padding-left: 5px;}
.news-item .news-title {color: #ff7e00; font-weight: bold; padding-left: 5px;}
.news-item .news-title a {color: #ff7e00; text-decoration: none;}
.news-item .news-title a:hover {color: #3c4787; text-decoration: underline;}

.news-item .news-lead {padding-left: 5px;}
.news-item .news-lead a.more {display: block; float: right;}

/*Блок со ссылками*/
#btn-list {color: #3c4787; font-size: 12px; font-weight:bold; width:100%; padding: 10px 0; }
#btn-list ul {padding-left: 0; margin-left:0;}
#btn-list ul li {list-style: none outside; padding-left: 2px; margin-left: 0;}

#btn-list ul li img {vertical-align: middle; padding-right:10px;}

#btn-list ul li a {color: #3c4787 ; text-decoration: none; padding: 2px; display: block;}
#btn-list ul li a:hover {color: #f45e03;}

/*Тело блока с текстовой рекламой*/
.adv {padding: 5px; line-height: 150%;}

/*Часики*/
/*
#js-clock {}
#js-clock dl {clear: both; width: 100%;}
#js-clock dl dt {background: #f4f4f4; width: 50%; padding-left: 10px; line-height: 2em; margin: 1px auto; float: left;}
#js-clock dl dd {color: #f45e03; background: #f4f4f4; line-height: 2em; width: 50px; text-align: right; padding-right: 10px; margin: 1px auto; float: left;}
*/

table.js-clock {border-collapse: collapse;} 
.js-clock tr { background: #f4f4f4; height: 20px; vertical-align: middle; border-bottom: 2px solid #fff; line-height: 2em;} 
.js-clock .title {padding-left: 10px;} 
.js-clock .time {color: #f45e03; text-align: right; padding-right: 10px;} 

/*Контейнеры под баннеры */
.banner-180x150-main {padding: 10px; padding-top: 0px; text-align: center;}
.banner-180x150 { padding: 0 10px 10px 0; text-align: left;}

/* стиль основного фрагмнта */
h1 {color: #ff7e00; font-size: 14px; border-bottom: 1px solid #c8c8c8; margin-bottom: 10px;}
h2 {color: #000; background: url(arrow1.gif)left 1px no-repeat; font-size: 12px; padding: 0 0 5px 18px;}

h3 {color: #ff7e00; font-size: 11px; padding: 0 0 5px 0;}
h4 {color: #837878; font-size: 11px; padding: 0 0 5px 0;}
p {padding: 8px 0;}
.selected {color: #ff7e00;}

#center ol {padding-left: 20px; }
#center ol li {padding:2px 0;}

#center ul {padding-left: 20px; }
#center ul li {list-style: url(spot.gif) disc outside; padding: 5px 0; }

#center table {border-collapse: collapse;}
#center table th {background: #ccc; text-align: center; border: 0px solid #000; padding: 3px;}
#center table td {border: 0px solid #000; padding: 3px;}

hr {color: #c8c8c8; height: 1px; border: none;} /* Для IE */
html>body hr {background-color: #c8c8c8; color: #c8c8c8; height: 1px; border: none;} /* Для броузеров на базе Gecko */

/*Контент на главной странице*/
.main-content {padding: 10px 5px;}
.main-content h1 {font-size: 11px; border-bottom: 0; }
                               
/* Ссылки-Кнопки */
a.download-button, a.sing-up {font-weight: bold; text-decoration: none; padding: 10px; padding-left: 25px; display: block; width: 70%;}
a.download-button {background: url(disk.png) no-repeat left center; }
a.sing-up {background: url(sing.png) no-repeat left center;}


#center .main-content ul li {list-style: url(spot.gif) disc outside;}


/* таблица - зебра*/
#center table.zebra {border: 0; border-collapse: separate;}
#center table.zebra th {font-weight: normal; background-color: #ddd;}
#center table.zebra th, #center table.zebra td {border: 0; }
#center table.zebra tr.even {background-color: #efefef;}
#center table.zebra tr.odd  {background-color: #fefefe;}
#center table.zebra tr.important {font-weight: bold;}

/* список */
#events-filter { float: left; width: 50%;}
#events-filter legend { font-weight: bold; margin-left: 0; padding-left: 0;}
#events-filter select { font-size: 10px; }
#events-filter input { font-size: 10px; }

#events-short-links ul { padding: 0; padding-left: 10px; }
#events-short-links ul li { padding: 0; }

.events-day-title {color: #f45e03; font-size: 12px; font-weight: bold; padding: 10px 0 5px;}


/* Календарь */
#center .calendar {}
#center .calendar .header {padding: 0; margin: 0; width: auto; border: 0;}
#center .calendar .header td {border: 0;}

#center .calendar select {font-size: 11px;}
#center .calendar .calendar-table {}
#center .calendar a {display: block;}
#center .calendar .here {color: #f45e03; font-weight: bold; }
#center .calendar {padding-bottom: 0; margin-bottom: 5px; }

#center .calendar-table { border-collapse: collapse; border: 0;}
#center .calendar-table th {border: 1px solid #fff; margin: 2px;}
#center .calendar-table th.calendar-sunday {background-color: #eee; }
#center .calendar-table td {border: 1px solid #fff; margin: 2px; background-color: #efefef;}
#center .calendar-table td.calendar-sunday {background-color: #fefefe; }
                           
/* Нижнее меню */
#footer-menu {text-align: center; clear: both; margin: 10px auto;}
#footer-menu ul {padding: 0; margin:2px 0 15px;}
#footer-menu ul li {padding: 0 3px 0 6px; border-left: 1px solid #303e5a; list-style: none; display: inline;}
#footer-menu ul li.first {border-left: 0px; list-style: none;}
#footer-menu ul li a {text-decoration: none;}
#footer-menu ul li a:hover {text-decoration: underline;}

/* подвал с копирайтами*/
#footer {color: #686868; background: url(footer-bg.jpg) repeat-x; border-top: 1px solid #c8c8c8;  padding: 10px 10px; clear:both}
#footer a {color: #686868}
#footer-left {float:left;}
#footer-right {text-align: right; float:right;}
/* подвал со счетчиками */
#footer-counter {text-align:center; clear:both;}


/*.hidden*/
a.hidden, a.hidden:link, a.hidden:hover, a.hidden:visited {color: #000; text-decoration: none; cursor: default;}
a.low-hidden, a.low-hidden:link, a.hidden:visited {color: #000; text-decoration: none; cursor: default;}
a.low-hidden:hover {color: #808080; text-decoration: none; cursor: default;}
.box-body a.header-hidden, 
.box-body a.header-hidden:link, 
.box-body a.header-hidden:visited, 
.box-body a.header-hidden:hover, 
.box-body a.header-hidden:active, 
.box-body a.header-hidden { color: #ff7e00; text-decoration: none; cursor: default; }
input,select,textarea { font-size:10px}

