/* common styles */
html, body {margin: 0px; padding: 0px;}
table, tr, td, th {border-spacing: 0px; border-collapse: collapse; vertical-align: top; text-align: left;}
img {border-width: 0px; margin: 0px; padding: 0px;}

h1, h2, h3, h4, h5, h6 {clear: both;}
h1, h2, h3, h4, h5, h6 {font-family: "BauhausC"; color: #5ccaff; font-weight: normal;} 

html {height: 100%; font-size: 0.875em; font-family: Tahoma; color: #ffffff; min-width: 1000px;  background: #05456b url(/images/application/back-main.png) repeat-x 0px 0px;}
body {height: 100%; position: relative; background: url(/images/application/header-right.jpg) no-repeat right 0px;}

ul, ul li {padding: 0; margin: 0;}

.page {width: 100%; width: 948px; position: relative;  min-height: 100%; left: 50%; margin-left: -474px; /*overflow: hidden;*/ }
.page {display: block;}

.page, .centered, .main-back {width: 942px; padding-left: 14px;}
.page, .centered {margin-left: -488px; left: 50%;} 

.header {position: relative; height: 462px; position: relative; padding-bottom: 30px; background: url(/images/application/top-shadow.png) no-repeat 0px 125px; margin-bottom: -342px;}

.main-page .header {background: none; height: 130px; margin-bottom: 0px; padding-bottom: 0px;}

.logotype, .logotype-ie {display: block; height: 46px; left: 13px; position: absolute; top: 55px; width: 291px;}

.main-back {position: absolute; top: 457px; bottom: 0px; background: #033552; width: 928px;}
.main-page .main-back {top: 525px;}  

.nav-icons {position: absolute; top: 29px; right: 19px;}
.nav-icons a {display: inline-block; width: 12px; height: 12px;}
.nav-icons a.feedback {margin-right: 26px; background: url(/images/application/icons-nav.png) no-repeat 0px 50%;}
.nav-icons a.sitemap {background: url(/images/application/icons-nav.png) no-repeat -13px 50%;}

/* main-menu */
.main-menu {position: absolute; right: 0px; top: 64px; color: #b5ebff; list-style: none; padding: 0px; margin: 0px;}
.main-menu ul {list-style: none; padding: 0px; margin: 0px;}
.main-menu li {display: inline-block; padding: 0px; margin: 0px; vertical-align: middle; height: 26px;}
.main-menu a,
.main-menu a:visited {color: #b5ebff; display: inline-block; padding: 4px 7px 5px 7px; border-top: 2px solid #66d2f0; border-bottom: 2px solid #3f95c2; position: relative; background: url(/images/application/main-menu-back.png) repeat-x 0px 0px;}

.main-menu .first-hover a, 
.main-menu .last-hover a,
.main-menu a:hover,
.main-menu .hover a,
.main-menu .active a,
.main-menu .first-active a,
.main-menu .last-active a {background: url(/images/application/main-menu-hover.png) repeat-x 0px 0px; border-top-color: #bf1711; border-bottom-color: #ce241a; color: #ffffff; text-decoration: none;}


/* switch off left and right on hover */
.main-menu .last-hover a .left,
.main-menu .last-active a .left,
.main-menu .active a .left,
.main-menu .active a .right,
.main-menu .last-empty-hover a .left,
.main-menu .hover a .left,
.main-menu .first-hover a .right, 
.main-menu .first-active a .right,
.main-menu .first-empty-hover a .right,
.main-menu .hover a .right {display: none;} 

/* left and right sides */
.main-menu a .left,
.main-menu a .right {width: 1px; height: 26px; top: 0px; background: url(/images/application/main-menu-borders.png) no-repeat 0px 0px; position: absolute; display: block;}
.main-menu a .left {left: 0px; background-position: -1px 0px;}
.main-menu a .right {right: 0px;}

/* left and right sides for first and last items (not empty) */
.main-menu .first- {margin-left: 10px;}
.main-menu .last- {margin-right: 10px;}
.main-menu .first- .left,
.main-menu .last- .right {width: 10px; height: 30px; top: -2px; background: url(/images/application/main-menu-corners.png) no-repeat 0px 0px; position: absolute; display: block;}
.main-menu .first- .left {left: -10px;}
.main-menu .last- .right {background-position: -10px 0px; right: -10px;}

/* left and right sides for first and last items on hover (not empty) */
.main-menu .first-hover .left, 
.main-menu .last-hover .right  {width: 10px; height: 30px; top: -2px; background: url(/images/application/main-menu-hover-corners.png) no-repeat 0px 0px; position: absolute; display: block;}
.main-menu .first-hover .left {left: -10px;}
.main-menu .last-hover .right {background-position: -10px 0px; right: -10px;}

/* left and right sides for first and last items on hover (empty) */
.main-menu .first-empty-hover .left,
.main-menu .first-active .left, 
.main-menu .last-empty-hover .right,
.main-menu .last-active .right  {width: 10px; height: 30px; top: -2px; background: url(/images/application/main-menu-empty-active-corners.png) no-repeat 0px 0px; position: absolute; display: block;}
.main-menu .first-empty-hover .left,
.main-menu .first-active .left {left: -10px;}
.main-menu .last-empty-hover .right,
.main-menu .last-active .right {background-position: -10px 0px; right: -10px;}

/* main-menu sub-menu */
.main-menu .sub-menu {position: absolute; display: none; margin-left: -10px; top: 30px;}
.main-menu .sub-menu td {padding: 0px;}
.main-menu .sub-menu a, .main-menu .sub-menu a:visited {color: #ffffff; display: inline-block; padding: 10px 7px 10px 7px; border: 0px; position: relative; background: url(/images/application/main-submenu-back.png) repeat-x 0px 0px; text-decoration: underline;}
.main-menu .sub-menu a:hover, .main-menu .sub-menu a.active {background: url(/images/application/main-menu-active.png) repeat-x 0px 0px;} 
.main-menu .sub-menu td .left,
.main-menu .sub-menu td .right  {position: relative; width: 14px; height: 36px; display: block; background: url(/images/application/main-submenu-lr.png) no-repeat 0px 0px; top: 0px;}
.main-menu .sub-menu td .left {left: 0px;}
.main-menu .sub-menu td .right {background-position: -14px 0px; right: 0px;}
/* /main-menu sub-menu */

/* /main-menu */

.main-block {margin: 0 0 9px -14px; z-index: 100; position: relative; height: 365px; z-index:100; width: 980px;}

.main-block .no-flash {font-size:15px; font-weight:bold; text-align: center;  position:absolute; top: 0px; width: 100%; z-index: 50; left: -7px;}
.main-block .no-flash a, .main-block .no-flash a:visited {color: #B5EBFF;}
.main-block .no-flash a:hover {color: #5CCAFF;}
.main-block .flash {z-index: 100; position: relative;} 

/* columns */
.columns {float: left; width: 942px; /*padding-top: 15px;*/ position: relative;}	
.main-page .columns {float: left; width: 942px; padding-top: 20px; background: url(/images/application/content-top.png) no-repeat 0px 10px;}

.left-column {width: 205px; float: left; position: relative; padding-top: 10px;} 
.main-page .left-column {width: 225px;}
.right-column {margin-left: 0; overflow: hidden; padding-left: 10px; position: relative; padding-right: 20px;}
/* /columns */

/* adv-blocks */
.adv-block {position: relative; width: 200px;  display: block; height: 51px; margin-bottom: 18px; float: left; }
.adv-block {border: 2px solid #ffffff; border-left: 0px; border-right: 0px; color: #ffffff; font: 18px Tahoma; text-decoration: none;  line-height: 51px;}
.adv-block:hover {background: url(/images/application/adv-active.png) repeat-x 0px 0px; border: 0px; height: 55px; line-height: 55px;}
.adv-block .left,
.adv-block .right {position: absolute; width: 14px; height: 55px; display: block; background: url(/images/application/adv-lr.png) no-repeat 0px 0px; top: -2px;}
.adv-block .right {right: -14px; background-position: -14px 0px;}
.adv-block .left {left: -14px;}

.adv-block .label {display: block; line-height: 51px; padding-left: 55px; height: 55px; position: relative;}
.adv-block .icon {position: absolute; display: block; width: 50px; height: 39px; top: 10px; left: 0px;}
.adv-block1 .icon {background: url(/images/application/timetable_block.png) no-repeat 0px 0; top: 5px;}
.adv-block2 .icon {background: url(/images/application/clubcards_block.png) no-repeat 0px 0;}
.adv-block3 .icon {background: url(/images/application/virtual_tour_block.png) no-repeat 0px 0;}
.adv-block:hover .label {line-height: 55px;}
.adv-block:hover .icon {background-position: 0px 0px; top: 12px;}
.adv-block1:hover .icon {background: url(/images/application/timetable_block_active.png) no-repeat 0px 0; top: 7px;}

.adv-block:hover .left,
.adv-block:hover .right {background: url(/images/application/adv-lr-active.png) no-repeat 0px 0px; top: 0px;}
.adv-block:hover .right {background-position: -14px 0px;}

.adv-blocks {bottom: 135px; position: absolute; right: 0px; z-index: 100;}
.adv-blocks .adv-block {margin-right: 38px;}
/* /adv-blocks */


/* left-menu */
.left-menu {padding: 0px; margin: 0px 20px 0px 0px; list-style: none;}
.left-menu .item {list-style: none; padding: 0px; margin: 0px; margin-bottom: 18px;}
.left-menu .item a, .left-menu .item-active a {display: inline-block; vertical-align: middle; line-height: 30px; position: relative; background: url(/images/application/left-menu-items.png) repeat-x 0px 0px; padding: 0px 13px 0px 17px; color: #FFC27A;}


.left-menu .item .left,
.left-menu .item .right {display: block; height: 39px; top: -8px; position: absolute; background: url(/images/application/left-menu-item-corners.png) no-repeat 0px 0px;}

.left-menu .item .left {left: -8px; width: 8px;}
.left-menu .item .right {right: -22px; width: 22px; background-position: -8px 0px;}

.left-menu .item1 a {background-position: 0px 0px; color: #ffc27a;}
.left-menu .item1 .left {background-position: 0px 0px;}
.left-menu .item1 .right {background-position: -8px 0px;}

.left-menu .item2 a {background-position: 0px -30px; color: #4ce9f5;}
.left-menu .item2 .left {background-position: 0px -38px;}
.left-menu .item2 .right {background-position: -8px -38px;}

.left-menu .item3 a {background-position: 0px -60px; color: #ffbddc;}
.left-menu .item3 .left {background-position: 0px -76px;}
.left-menu .item3 .right {background-position: -8px -76px;}

.left-menu .item4 a {background-position: 0px -90px; color: #92fe00;}
.left-menu .item4 .left {background-position: 0px -114px;}
.left-menu .item4 .right {background-position: -8px -114px;}

.left-menu .item-active {list-style: none; padding: 0px; margin: 0px; margin-bottom: 18px;}
.left-menu .item-active a, .left-menu .item a:hover {background: url(/images/application/left-menu-items-active.png) repeat-x 0px 0px; padding: 0px 13px 0px 17px; color: #ffffff;}

.left-menu .item-active .left,
.left-menu .item a:hover .left,
.left-menu .item-active .right,
.left-menu .item a:hover .right {display: block; height: 40px; top: -8px; position: absolute; background: url(/images/application/left-menu-item-active-corners.png) no-repeat 0px 0px;}

.left-menu .item-active .left,
.left-menu .item a:hover .left {left: -8px; width: 8px;}
.left-menu .item-active .right,
.left-menu .item a:hover .right {right: -22px; width: 22px; background-position: -8px 0px;}

.left-menu .item1-active .left {background-position: 0px 0px;}
.left-menu .item1-active .right {background-position: -8px 0px;}

.left-menu .item2-active a,
.left-menu .item2 a:hover {background-position: 0px -30px;}
.left-menu .item2-active .left,
.left-menu .item2 a:hover .left {background-position: 0px -39px;}
.left-menu .item2-active .right,
.left-menu .item2 a:hover .right {background-position: -8px -39px;}

.left-menu .item3-active a,
.left-menu .item3 a:hover {background-position: 0px -60px;}
.left-menu .item3-active .left,
.left-menu .item3 a:hover .left {background-position: 0px -78px;}
.left-menu .item3-active .right,
.left-menu .item3 a:hover .right {background-position: -8px -78px;}

.left-menu .item4-active a,
.left-menu .item4 a:hover {background-position: 0px -90px;}
.left-menu .item4-active .left,
.left-menu .item4 a:hover .left {background-position: 0px -117px;}
.left-menu .item4-active .right,
.left-menu .item4 a:hover .right {background-position: -8px -117px;}

.left-menu .sub-level, .left-menu .sub-level-two {list-style: none; margin: 0px; padding: 0px 0px 0px 20px; display: none;}
.left-menu .item-active .sub-level {display: block;}
.left-menu .sub-level .active .sub-level-two {display: block;}

.left-menu .sub-item {padding: 0px; margin: 10px 0px 0px 0px;}
.left-menu .sub-item a, .left-menu .sub-item a:visited, .left-menu .sub-level-two a {line-height: normal; background: none; color: #b5ebff; padding: 0px; text-decoration: underline;}
.left-menu .sub-item a:hover {color: #ffffff}

.left-menu .item1-active .sub-level .active a,
.left-menu .item-active .sub-level .active a {background: #e35b22; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; margin-left: -5px;}
.left-menu .item1-active .active .sub-level-two a,
.left-menu .item-active .active .sub-level-two a {background: none; padding: 0px; color: #b5ebff; text-decoration: underline;}
.left-menu .item1-active .active .sub-level-two a:hover,
.left-menu .item-active .active .sub-level-two a:hover {color: #ffffff;}
.left-menu .item1-active .sub-level-two .active a,
.left-menu .item-active .sub-level-two .active a {background: #e35b22; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; margin-left: -5px;}

.left-menu .item2-active .sub-level .active a {background: #008f97; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; margin-left: -5px;}
.left-menu .item2-active .active .sub-level-two a {background: none; padding: 0px; color: #b5ebff; text-decoration: underline;}
.left-menu .item2-active .active .sub-level-two a:hover {color: #ffffff;}
.left-menu .item2-active .active .active a {background: #008f97; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; margin-left: -5px;}

.left-menu .item3-active .sub-level .active a {background: #af2763; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; margin-left: -5px;}
.left-menu .item3-active .active .sub-level-two a {background: none; padding: 0px; color: #b5ebff; text-decoration: underline;}
.left-menu .item3-active .active .sub-level-two a:hover {color: #ffffff;}
.left-menu .item3-active .active .active a {background: #af2763; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; margin-left: -5px;}

.left-menu .item4-active .sub-level .active a {background: #4b9700; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; margin-left: -5px;}
.left-menu .item4-active .active .sub-level-two a {background: none; padding: 0px; color: #b5ebff; text-decoration: underline;}
.left-menu .item4-active .active .sub-level-two a:hover {color: #ffffff;}
.left-menu .item4-active .active .active a {background: #4b9700; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; margin-left: -5px;}
/* /left-menu */

/* search */
.search-block {width: 170px; height: 70px; position: relative;}
.search-block {color: #75b2c5; padding-left: 7px;}
.search-block .label {margin: 8px 0px 0px 0px;}
.search-block .search-submit {position: relative; top: 6px;}
.search-block .search-query {color: #ffffff; margin-right: 3px; width: 135px;}

.left-menu .search-block {list-style: none; padding: 0px; margin: 0px; height: 68px; color: #a9ebff; margin-top: 40px; padding-left: 16px; padding-top: 7px;}
.left-menu .search-block .label {margin: 0px;}
.left-menu .search-block {background: url(/images/application/search-other-back.png) repeat-x 0px 0px;}
.left-menu .search-block .left,
.left-menu .search-block .right {position: absolute; width: 10px; height: 75px; background: url(/images/application/search-other-corners.png) no-repeat 0px 0px; top: -7px;}
.left-menu .search-block .left {left: -8px; width: 8px;}
.left-menu .search-block .right {right: -10px; background-position: -8px 0px;}  
.left-menu .search-block .search-query {background: url(/images/application/search-other-back.png) repeat-x 0px -35px; border: 1px solid #a9ebff;}

.main-page .search-block .search-query {background: url(/images/application/search-main-back.png) repeat-x 0px -35px; border: 1px solid #70adc2;}
.main-page .search-block {position: absolute; left: 0px; bottom: 40px; background: url(/images/application/search-main-back.png) repeat-x 0px 0px;}
.main-page .search-block .left,
.main-page .search-block .right {position: absolute; width: 10px; line-height: 70px; background: url(/images/application/search-main-corners.png) no-repeat 0px 0px; top: 0px; height:70px;}
.main-page .search-block .left {left: -10px;}
.main-page .search-block .right {right: -10px; background-position: -10px 0px;}  

.content .search-results {padding-left: 0px;}
.content .search-results li {margin-bottom: 20px; }
.content .search-count {font: 1em Tahoma; font-weight: bold;}
.content .search-count b {color: #cef2ff;}
.content .search-box {width: 90%; margin: 0px 10px 20px 10px; background: url(/images/application/search-page-back.png) repeat-x 0px 0px; height: 45px; position: relative; padding-top: 15px; padding-left: 10px;}
.content .search-box .left,
.content .search-box .right {position: absolute; top: 0px; height: 60px; width: 10px; background: url(/images/application/search-page-corners.png) no-repeat 0px 0px;}
.content .search-box .left {left: -10px;}
.content .search-box .right {right: -10px; background-position: -10px 0px;}
.content .search-box .text {width: 85%; background: #dbf2ff; border: 0px; color: #0f496b; font: 14px Tahoma; padding: 2px;}
/* /search */

/* news */
.content .news {list-style: none; padding: 0px; margin: 0px; margin-top: 15px; margin-bottom: 40px;}
.main-page .content .news {margin-bottom: 0px;}
.content .news li {display: inline-block; padding: 0px; margin: 0px 0px 20px 0px; vertical-align: top; position: relative;}
.content .news .date, .content .news_date {margin-bottom: 10px; font-size: 0.87em;}
.content .news .date span, .content .news_date {position: relative; background: #6ba6c2; color: #0c3249; display: inline-block; margin: 0px 3px 0px 3px;  padding: 1px 0px 1px 0px;}
.content .news .date .left,
.content .news_date .left,
.content .news .date .right,
.content .news_date .right {position: absolute; display: block; background: url(/images/application/news-date-corners.png) no-repeat 0px 0px; width: 3px; height: 16px; top: 0px; font-size: 0px;}
.content .news .date .left,
.content .news_date .left {left: -3px;}
.content .news .date .right,
.content .news_date .right {right: -3px; background-position: -3px 0px;}
.content .news .announce {color: #ffffff; margin-top: 5px;}
.content .news li.avatar {padding-left: 90px;}
.content .news li.avatar a.img {border: 0px; position: absolute; left: 0px; top: 0px;}
.content .news li.avatar img {border: 2px solid #002A44; margin: 0px;}

.main-page .content .news li.no-avatar {width: 270px; margin: 0px 35px 20px 0px;}
.main-page .content .news li.avatar {width: 180px; margin: 0px 35px 20px 0px; padding-left: 90px; min-height: 80px;}
/* /news */

/* date-navigator */
.content .date_navigator {overflow: hidden; margin-bottom: 20px; margin-top: 20px; position: relative; width: 550px;}
.content .date_navigator ul.year-nav {list-style: none; padding: 0px; margin: 0px; position: relative; overflow: hidden; width: 9999em; font: 16px Tahoma;}
.content .date_navigator ul ul {list-style: none; padding: 0px; margin: 10px 0px 0px 0px; font-size: 14px;}
.content .date_navigator li {display: block; padding: 0px; margin: 0px;  float: left;}
.content .date_navigator a, .content .date_navigator a:visited, .content .date_navigator span {font: 16px Tahoma;  color: #B5EBFF; text-decoration: none; padding: 0px 13px 0px 13px; line-height: 18px;}
.content .date_navigator ul ul a, .content .date_navigator ul ul a:visited, .content .date_navigator ul ul span {font-size: 14px;}
.content .date_navigator a:hover {text-decoration: underline;}

.content .date_navigator span.active,
.content .date_navigator span.disabled {display: block; padding: 0px 13px 0px 13px; font: 16px Tahoma; font-weight: normal; line-height: 18px;}


.content .date_navigator ul ul span.active,
.content .date_navigator ul ul span.disabled,
.content .date_navigator ul ul a, 
.content .date_navigator ul ul a:visited {display: block; padding: 0px 13px 0px 13px; font: 12px Tahoma; font-weight: bold; line-height: 18px;}
.content .date_navigator ul ul a,
.content .date_navigator ul ul a:visited {color: #B5EBFF;}
.content .date_navigator ul ul a:hover {color: #48D6FF;}
.content .date_navigator span.active {background: #8acae1; color: #0C3249; position: relative; padding: 0px; margin: 0px 8px 0px 8px;}
.content .date_navigator span.active .left,
.content .date_navigator span.active .right {position: absolute; display: block; background: url(/images/application/date-nav-active-corners.png) no-repeat 0px 0px; width: 6px; height: 18px; top: 0px; font-size: 0px;}
.content .date_navigator span.active .left {left: -6px;}
.content .date_navigator span.active .right {right: -6px; background-position: -6px 0px;}

.content .date_navigator span.disabled {background: none; color: #999999;}


.content .date_navigator .right {position: absolute; right: 0px; top: 0px; background:url(/images/application/date-nav-right.png) no-repeat 0px 0px; width: 85px; height: 75px; z-index: 10; font-size: 0px;}
.content .date_navigator .left {position: absolute; left: 0px; top: 0px; background:url(/images/application/date-nav-left.png) no-repeat 0px 0px; width: 40px; height: 75px; z-index: 10; font-size: 0px;}

.content .date_navigator a.arr-right,
.content .date_navigator a.arr-left {position: absolute; width: 13px; height: 25px; background: url(/images/application/date_nav_arr.gif) no-repeat 0px 0px; padding: 0px; z-index: 100;}

.content .date_navigator a.arr-left {left: 10px; top: 25px;}
.content .date_navigator a.arr-right {right: 10px; top: 25px; background-position: -13px 0px;}
/* /date-navigator */

/* back-forward */
.content .backforward {position: relative; list-style: none; margin: 0px; padding: 0px;  padding-top: 15px; padding-bottom: 20px; margin: 20px 20px 40px 0px; text-align: center; zoom: 1; display: block; clear: both;}
.content .backforward .prev {left: 0px; top: 15px; position: absolute; padding-left: 0px; width: 30%; margin: 0px; text-align: left;}
.content .backforward .next {right: 0px; position: absolute; padding-right: 0px; width: 30%; top: 15px; text-align: right;}
.content .backforward .center {position: absolute; top: 15px; left: 50%; margin-left: -10%; width: 20%;}
.content .backforward a, .content .backforward a:visited {color: #B5EBFF; font-size: 1em;}
.content .backforward a:hover {color: #48D6FF;}
/* /back-forward */

/* pager */
.content .pager-block {margin-bottom: 50px; margin-top: 20px; text-align: left; font-size: 0.87em;}
.content .nav {list-style: none; display: block; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; height: 20px; margin-bottom: 50px; }
.content .nav li {display: inline;  padding: 0px; margin: 0px 3px 0px 3px; color: #000000;}
.content .nav li.cur {background: #6BA6C2; padding: 0px 3px 0px 3px; position: relative;}
.content .nav li i {font-style: normal;}
/* /pager */

/* nav-string */
.nav-string {list-style: none; color: #b5ebff; font-size: 0.9em; margin: -2px 0px 7px 0px; padding: 0em 0 0.6em 0px;}
.nav-string li {list-style: none; display: inline; padding-bottom: 0.5em; color: #ffffff;}
.nav-string li .home-page {display: inline-block; height: 12px; width: 10px; background: url(/images/application/home-pic.gif) no-repeat 0px 2px;}
.nav-string li .home-page img {display: none;}
.nav-string a, .nav-string a:visited, .nav-string i {color: #b5ebff;}
.nav-string a:hover {color: #48D6FF;}
.nav-string i {font-style: normal; padding-left: 10px; padding-right: 5px;}
/* /nav-string */

/* articles */
.content  ul.articles {margin-left: 0px; padding-left: 0px; list-style: none; font-size: 1em;}
.content  ul.articles li {margin: 0px; position: relative; padding-top: 10px; padding-left: 0px; margin-bottom: 1em; padding-bottom: 10px;}
.content  ul.articles li a {font-size: 1.167em;}
.content  ul.articles .title {display: inline-block; margin-bottom: 5px; font: 1.15em Tahoma;}
.content  ul.articles li {font-size: 1em;}
/* /articles */

/* gallery */
.content .gallery {padding-left: 0px; list-style: none; vertical-align: top; margin-top: 3em;}
.content .gallery li {display: -moz-inline-stack; display: inline-block; width: 175px; vertical-align: top; text-align: center;  margin-bottom: 1em; margin-left: 0px;  padding: 10px; }
.content .gallery a {display: block; text-decoration: none; text-align: center; vertical-align: middle;}
.content .gallery a.thickbox {height: 125px; padding-bottom: 10px;}
.content .gallery a img {border: 1px solid #002b43; margin: 0px;}
.content .gallery p {margin-top: 0.3em; font-size: 0.87em; color: #ffffff; text-decoration: none;}
/* /gallery */


/* directors-gallery */
.content .directors-gallery {padding-left: 0px; list-style: none; vertical-align: top; margin-top: 0;}
.content .directors-gallery li {display: -moz-inline-stack; display: inline-block; width: 140px; height: 267px; padding: 10px 15px 10px 15px; vertical-align: top; text-align: center; margin: 20px; background: url(/images/application/directors-gallery-back.png) repeat-x 0px 0px;  position: relative;}
.content .directors-gallery a {display: block; text-decoration: none; text-align: center; vertical-align: middle; position: relative; }
.content .directors-gallery a img {border: 0px; margin: 0px; }
.content .directors-gallery span {margin-top: 10px; font-size: 0.87em; color: #ffffff; text-decoration: none; font-style: italic; display: block;}
.content .directors-gallery b {color: #b5ebff; font-size: 1em; text-decoration: underline; font-weight: normal;}

.content .directors-gallery .lt,
.content .directors-gallery .lb,
.content .directors-gallery .rt,
.content .directors-gallery .rb {position: absolute; width: 9px; height: 9px; background: url(/images/application/directots-gallery-corners.png) no-repeat 0px 0px;}
.content .directors-gallery .lt {left: -9px; top: -9px;}
.content .directors-gallery .lb {left: -9px; bottom: -9px; background-position: 0px -9px;}
.content .directors-gallery .rt {right: -9px; top: -9px; background-position: -9px 0px;}
.content .directors-gallery .rb {right: -9px; bottom: -9px; background-position: -9px -9px;}
.content .directors-gallery .t  {top: -9px; left: 0; width: 100%; height: 9px;	position: absolute; background: url(/images/application/directors-gallery-back.png) repeat-x 0px 0px;} 
.content .directors-gallery .b  {bottom: -9px; left: 0; width: 100%; height: 9px;	position: absolute; background: url(/images/application/directors-gallery-back.png) repeat-x 0px bottom;}
.content .directors-gallery .l  {top: 0px; left: -9px; width: 9px; height: 100%;	position: absolute; background: url(/images/application/directors-gallery-back.png) repeat-x 0px 0px;}
.content .directors-gallery .r  {top: 0px; right: -9px; width: 9px; height: 100%;	position: absolute; background: url(/images/application/directors-gallery-back.png) repeat-x 0px 0px;}

/* /directors-gallery */

/* timetable */
.content .timetable {width: 640px; margin-bottom: 120px;}
.content .timetable table {margin: 0px; border: 0px; height: 100% !important; width: 100%; }
.content .timetable .odd td {background: #2A5D7D;}
.content .timetable .title {display: inline-block; position: relative; padding: 5px 3px; width: 90%;}
.content .timetable th {height: 25px; border-left: 1px solid #154562; color: #000000; font-size: 13px; background: url(/images/application/timetable-day-back.png) repeat-x 0px 0px;}

.content .timetable .info {display: none; margin-left: 40px;}
.content .timetable td, .content .timetable th {text-align: center;  padding: 0px;}
.content .timetable td {cursor: pointer; border-left: 1px solid #033653; border-bottom: 1px solid #033653;}  

.content .timetable td.no-border {border: 0px; border-bottom: 1px solid #033653;}
.content .timetable a {display: inline-block; width: 100%; height: 100%;}

.content .timetable thead tr,
.content .timetable .no-back {background: none; border: 0px;}
.content .timetable .lt,
.content .timetable .rt {display: block; width: 13px; height: 25px; background: url(/images/application/timetable-corners.png) no-repeat 0px 0px; margin-right: -2px;}
.content .timetable .rt {background-position: -12px 0px;}
.content .timetable td.extra-col {background: #154562; width: 1px;}
.content .timetable .odd td.extra-col {background: #2A5D7D; width: 12px;}
.content .timetable td.no-left-border {border-left: 0px; padding-right: 10px;}
.content .timetable td.right-last,
.content .timetable .odd td.right-last {background: #7cacbe;}
.content .timetable .last-row td {background: #7cacbe; height: 5px;}

.content .timetable table table td {border-left: 0px;}
.content .timetable table table {margin-bottom: -2px;}

.content .timetable .filter-buttons {list-style: none; padding: 0px; margin: 10px 0px 20px 0px;}
.content .timetable .filter-buttons li {display: inline-block; padding: 0px; margin: 0px; margin-right: 5px;} 
.content .timetable .filter-buttons .mix-button {display: block; width: 47px; height: 28px; background: url(/images/application/button-mix-active.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .power-button {display: block; width: 155px; height: 28px; background: url(/images/application/button-power-active.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .dance-button {display: block; width: 199px; height: 28px; background: url(/images/application/button-dance-active.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .all-button {display: block; width: 47px; height: 28px; background: url(/images/application/button-all-active.png) no-repeat 0px 0px;}

.content .timetable .filter-buttons .all-button:hover {background: url(/images/application/button-all.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .mix-button:hover {background: url(/images/application/button-mix.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .power-button:hover {background: url(/images/application/button-power.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .dance-button:hover {background: url(/images/application/button-dance.png) no-repeat 0px 0px;}

.content .timetable .filter-buttons .all-button-active {background: url(/images/application/button-all.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .mix-button-active {background: url(/images/application/button-mix.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .power-button-active {background: url(/images/application/button-power.png) no-repeat 0px 0px;}
.content .timetable .filter-buttons .dance-button-active {background: url(/images/application/button-dance.png) no-repeat 0px 0px;}

.content .timetable td.time,
.content .timetable .odd td.time {background: #7cacbe url(/images/application/timetable-time.png) repeat-x 0px 0px; color: #000000;}

.timetable .info {width: 270px; background: #fbfbfb; position: absolute; color: #000000; padding: 15px 15px 15px 15px; z-index: 300; font: 12px Tahoma; text-align: left;}
.timetable .info .info-title {color: #af0000; font: 16px Tahoma; display: block; padding-bottom: 10px; font-weight: bold;}
.timetable .info b {display: block; padding-bottom: 10px;}

.timetable .label-new,
.timetable .label-change {position: absolute; display: block; top: -5px; right: 0px;}

.timetable .label-new {width: 29px; height: 10px; background: url(/images/application/timetable-new.png) no-repeat 0px 0px;}
.timetable .label-change {width: 11px; height: 13px; background: url(/images/application/timetable-change.gif) no-repeat 0px 0px;}

.content .timetable .notifications {list-style: none; margin: 0px; padding: 0px; margin-top: 10px;}
.content .timetable .notifications li {display: inline-block; margin: 0px;}
.content .timetable .notifications  img {margin: 0px; border: 0px;}

/* /timetable */


/* site-map */
.site-map li, .site-map ul {padding: 0; margin: 0;}
.site-map, .columns .site-map {padding-left: 0px; margin: 0px; list-style: none;}
.site-map  {list-style-type: none; padding-bottom: 4em;}
.site-map li a {font: 1.39em Tahoma;}
.site-map li li a {font: 1.2em Tahoma;}
.site-map li {padding-bottom: 1em;}
.site-map ul li {padding-bottom: 0.5em;}
.site-map ul {font-weight: normal; list-style-type: none; padding-top: 0.4em;}
.site-map li {background: url(/images/site-map-arr.gif) left 0.5em no-repeat; padding-top: 0em; padding-bottom: 1em; padding-left: 20px;}
.site-map li li {background: none; padding-left: 30px;}
.site-map li li li {font-size: 0.92em; padding-left: 0px;}
.content .site-map a, .columns .content .site-map a:visited {color: #B5EBFF;}
.content .site-map a-active {color: #48D6FF;}
.content .site-map {font-size: 0.92em;}
.site-map ul ul {margin-bottom: -10px;}
.site-map ul {margin-bottom: -15px;}
/* /site-map */

/* question-form */
.question-form {position: relative; padding: 0 10px 10px; overflow: hidden; padding-bottom: 30px; padding-top: 20px;}
.question-form label, .question-form div.label {width: 100%; display: block; overflow: hidden; margin-bottom: 13px; margin-top: 0px; font: 0.97em Tahoma; color: #ffffff;}
.question-form div.label label {width: 66%; float: right;}
.question-form div.label label span {width: 87%;}
.question-form .next-level {padding-left: 20px; margin-top: 20px;}
.question-form .next-level .title {display: block; padding-bottom: 10px; font-weight: bold; margin-left: -20px;}
.question-form span.error, .content .notice b {color: #ffb1b1;} 
.question-form .disabled {color: #cccccc;}
.question-form label.ingroup {margin-bottom: 5px;}
.question-form .date, .question-form .text, .question-form .password, .question-form select, .question-form textarea {width: 60%; font: 0.97em Tahoma; color: #ffffff; background: #004565 url(/images/application/form-back.png) repeat-x 0px 0px; border: 1px solid #05456B;}
.question-form .error .date, .question-form .error .text, .question-form .error .password, .question-form .error select, .question-form .error textarea {width: 60%; font: 0.97em Tahoma; color: #ffffff; background: #4d3349 url(/images/application/form-field-error.png) repeat-x 0px 0px; border: 1px solid #d61616;}
.question-form span.text {width: 60%; float: right;}
.question-form .count {width: 50px; display: inline-block; position: relative;}
.question-form .count input {width: 50px;}
.question-form .count .arr-up, .question-form .count .arr-down {display: block; position: absolute; top: 2px; right: 17px; background: url(/images/application/count_arr.jpg) no-repeat 0px 0px; width: 15px; height: 10px; border-left: 1px solid #cccccc; outline: none;}
.question-form .count .arr-down {top: 11px; background-position: 0px -11px; height: 11px; border-top: 0px;}
.question-form span.price {float: none; padding-left: 0px; padding-right: 0px;}
.question-form span.summ {float: none; color: #266e00;}
.question-form input.date {width: 125px;}
.question-form select option:focus {outline: none}
.question-form span {float: left; width: 28%; text-align: left; padding-right: 20px;}
.question-form span i, .question-form h4 i {font-style: normal; color: red;}
.question-form .button-ask {width: 92%; height: 36px; text-align: right; padding-top: 10px; position: relative;}
.question-form textarea {height: 15em;}
.question-form .error h4, .question-form .error .title, .question-form p.error {color: #FFC27A;}

.question-form p.error-label {background: url("/images/application/form-error.png") repeat-x scroll 0 0 transparent; color: #FFFFFF; line-height: 38px; height: 38px; margin: 0 12px 30px; position: relative; text-align: center; vertical-align: middle;}
.question-form p.error-label .left,
.question-form p.error-label .right {position: absolute; top: 0px; height: 38px; width: 12px; background: url(/images/application/form-error-corners.png) no-repeat 0px 0px;}
.question-form p.error-label .left {left: -12px;}
.question-form p.error-label .right {right: -12px; background-position: -12px 0px;}
.question-form p.error-label span {width: 100%; float: none;}

.question-form .error span {color: #ffb1b1;}
.question-form .valid, .question-form .valid * {color: #cccccc;}
 
.question-form input.checkbox {float: left; width: 20px;}
.question-form div {overflow: hidden; zoom: 1;}
.question-form div label {overflow: hidden; margin-bottom: 0.5em; margin-top: 0px;}
.question-form div input.text {width: 50%;}
.question-form textarea.comment {height: 5em;}
.question-form .send_button {}
.question-form .send-link {position: absolute; height: 20px; width: 185px; bottom: 0px; left: 0px; display: block; text-align: right;}
.question-form .short {height: 3em;}
.question-form .tip {float: right; width: 67%; margin: 6px 0px 10px 0px; display: block; font-size: 0.9em; font-weight: bold;}
.content .confirm {list-style: none; margin-top: 1em; margin-left: 0px; padding-left: 0px;}
.content .confirm li {margin-left: 0px; padding-left: 0px;}
.content .order-button {border: 0px; margin-top: 20px;}
.question-form .management, .confirm .management {display: none;}
.question-form label.margin-bottom {margin-bottom: 20px;}
/* /question-form */

/* labeled pics */ 
.content .labeled_pics {padding-left: 0px; list-style: none; vertical-align: top; margin-top: 2em; text-align: center; }
.content .labeled_pics li {display: -moz-inline-stack; display: inline-block; width: 35%; vertical-align: top; text-align: center; color: #ffffff; font-size: 0.8em; margin-bottom: 2em; margin-left: 0px;}
.content .labeled_pics img {border: 3px solid #f4cffd; margin: 0px; border: 1px solid #002A44;}
.content .labeled_pics p {margin-top: 0.5em; line-height: 1.3em; clear: both;}
.content .labeled_pics_three li {width: 27%;}
.content .labeled_pics_one li {width: 100%;}
.content p.label {display: block; clear: both; margin-top: 0.5em; line-height: 1.3em; color: #888888; font-size: 0.8em;}
/* /labeled pics */ 

/* footer */
.before-footer {clear: both; height: 116px; position: relative; width: 100%; }

.footer {background: url(/images/application/footer-back.png) repeat-x 0px 0px; color: #9fc8dc; font-size: 12px; height: 116px;  margin-top: -116px; position: relative; width: 100%;}
.footer .centered {position: relative; height: 116px; background: url(/images/application/content-bottom.png) no-repeat 14px top; height: 116px;}

.footer .copy {margin-top: 0px;}
.footer .left, .footer .right, .footer .center {padding-top: 15px; color: #9fc8dc;} 
.footer a, .footer a:visited {color: #9fc8dc}
.footer a:hover {color: #48D6FF;}

.footer .left {width: 215px; position: absolute; left: 30px; top: 20px;}
.footer .rating {overflow: hidden; padding-top: 10px; margin-left: -5px;}
.footer .rating a {display: inline-block; margin: 0px; padding-right: 10px;}

.footer .center {width: 210px; position: absolute; left: 50%; top: 20px; margin-left: -105px; padding-left: 20px; background: url(/images/application/address-tag.jpg) no-repeat 0px 0px; padding-top: 10px;}
.footer .phone {color: #9fc8dc; font: 2em Arial, Helvetica, sans-serif;}
.footer .phone b {color: #577b8c; font-weight: normal; padding-right: 5px;}
.footer .address {margin-top: 3px;}

.footer .right {width: 350px; position: absolute; right: 5px; top: 18px; text-align: right;}
.footer .right p {margin: 0px 0px 5px 0px;}
.footer .counters a {display: inline-block; margin: 0; padding-right: 10px;}

.footer .parfyonov {text-decoration: none;}
.footer .parfyonov:hover {text-decoration: underline; color: #48D6FF;}
.footer .parfyonov span {color: #9fc8dc;}
.footer .parfyonov i {color: #ff3333;}
.footer .parfyonov b {color: #ffffff; font-weight: normal;}
/* /footer */

 
/* content */
.content {width: 640px;}
.content {padding: 5px 0px 50px 15px; margin-bottom: 100px;}
.main-page .content {padding-bottom: 0px; margin-bottom: 0px;} 

h1 {font-size: 2.5em; font-weight: normal; margin-top: 0px; margin-bottom: 5px;}
h2 {font-size: 1.8em; font-weight: normal;  margin: 0.8em 0px 0.2em 0px; color: #5ccaff;}
h3 {font-size: 1.6em;  font-weight: normal; margin: 0.8em 0px 0.2em 0px;  color: #5ccaff;}
h4 {font-size: 1.5em; font-weight: normal;  margin: 0.8em 0px 0.2em 0px;  color: #5ccaff;}
h5 {font-size: 1.4em; font-weight: bold;  margin: 0.8em 0px 0.2em 0px;  color: #5ccaff;}
h6 {font-size: 1.2em; font-weight: bold;  margin: 0.8em 0px 0.2em 0px;  color: #5ccaff;}

h2.curdate {margin-bottom: 20px;}

.sub-announce {margin-top: 20px;}
.sub-announce .announce {padding-bottom: 10px;}
.sub-announce h2 {margin: 0 0 0.3em 0; font-size: 1.5em; background: url(/images/application/catalog-arrow.gif) no-repeat 0px 50%; padding-left: 12px; text-decoration: underline;}
.sub-announce h2:hover {background: url(/images/application/catalog-hover-arrow.gif) no-repeat 0px 50%;}

.content a, .content a:visited  {color: #b5ebff;}
.content a:hover {color: #48d6ff;}
.content img {border: 2px solid #4683a6; margin-bottom: 2em; margin-right: 2em;}
.content iframe, .contacts iframe {border: 2px solid #4683a6;}

.content b {color: #6ABDE7;}

.content ul, .content ol {margin-left: 0px; padding-left: 15px; padding-bottom: 4px; }
.content ul, .content ol {padding-top: 8px; padding-bottom: 10px;}
.content ul p, .content ol p {margin: 0px;} 
.content li {padding-right: 20px; margin-left: 0px; padding-left: 27px;}
.content ul li, .content ol li {padding-left: 0px; margin-left: 20px; margin-bottom: 0.4em;}
.content ol li, ol ol li, ol ol ol li {padding-left: 0px;}
.content ol ul li, .content ol ol ul li, .content ol ol ol ul li {margin-left: 27px; padding-left: 0px; padding-bottom: 0px;}
.content ul ul, .content ul ol, .content ol ul, .content ol ol  {padding-top: 0.8em; padding-bottom: 0.6px;}
.content ul ul ul, .content ul ol ul, .content ol ul ol, .content ol ol ol, .content ol ol ul, .content ul ul ol {padding-top: 0.8em; padding-bottom: 0.6px;}
.content ul li {}

.content p {margin: 0.8em 0 1.2em;}
.content p.over {overflow: hidden;}
.content .left {text-align: left;}
.content p.left img {margin-right: 3em;}
.content img.left, .content a.left {margin-right: 3em; float: left;}
.content .right {text-align: right;}
.content p.right img {margin-right: 0em; margin-left: 3em;}
.content img.right, .content a.right {margin-right: 0em; margin-left: 3em; float: right;}
.content .center {text-align: center;}
.content p.center img {margin-right: 0em; margin-left: 0em;}
.content .no-border {border: 0px;}
.content .no-margin {margin: 0px;}

.content .fleft {float: left; width: 30%; text-align: center;}
.content .fleft img {margin: 0px; position: relative; margin-bottom: -10px; z-index: 50;}
.content .fright {float: right; width: 63%;}
.content .over {overflow: hidden; margin-bottom: 50px;}

.content .fleft .label {position: relative; background: #002c45 url(/images/application/label-back.png) repeat-x 0px bottom; display: inline-block; width: 198px; padding: 6px; color: #ffffff; font: 12px Tahoma; margin-bottom: 10px; padding-bottom: 0px;}
.content .fleft .label .bottom {background: url("/images/application/label-bottom-back.png") repeat-x scroll 0 bottom transparent; bottom: -7px; height: 7px; margin: 0 0; position: absolute; width: 195px; left: 7px;}
.content .fleft .label .lc,
.content .fleft .label .rc {position: absolute; display: block; background: url(/images/application/team-member-corners.png) no-repeat 0px 0px; height: 7px; width: 10px; bottom: 0px;}
.content .fleft .label .lc {left: -6px;}
.content .fleft .label .rc {right: -8px; background-position: -10px 0px;}


.content table {margin-bottom: 2em; margin-right: 2em; border: 0px; margin-top: 15px;}
.content table {border: 1px solid #2a5d7d;}
.content table th {padding: 10px 5px 10px 5px; text-align: center; color: #033552; background: #a3c7e7; font-weight: normal;}
.content table td {padding: 5px 10px 5px 10px; vertical-align: middle;}
.content table td, .content table th {font-size: 1em;}
.content tr {background: #154562;}
.content tr.odd {background: #2a5d7d;}

div#fancy_content .content .title {font-size: 1.25em; color: #3f9c2a; padding-bottom: 10px; border-bottom: 1px solid #fbc98f;}

.content dt {font-family: "BauhausC"; color: #5ccaff; font-size: 1.2em;}
/* /content */

#flashtour {position: relative; z-index: 100;}
.flash-tour {border:2px solid #3D718A; height: 400px; margin-bottom: 50px; margin-top: 30px; width: 640px; position: relative;}
.no-flash {position:absolute; text-align:center; top:200px; width:100%; z-index:0; left: 0px;}

.blue-block-one {background: #00749e url(/images/application/info-block-back.png) repeat-x 0px 0px; clear: both;}
.blue-block-one {border: 1px solid #00749e;  color: #c7f5ff; margin-bottom: 20px; margin-top: 20px; min-height:  40px; overflow:hidden; padding:13px 13px 10px 115px; position: relative;}

.blue-block-one i.tag {position: absolute; left: 25px; top: 0px; height: 100%; width: 60px; background: url(/images/application/info-tag.png) no-repeat 0px 50%;}


.card-types {border-bottom: 1px dashed #B5EBFF; text-decoration: none;}
.content .card-list p {margin: 5px 0px 5px 0px;}
.card-list {list-style: none;}
.card-list ul {margin-bottom: 20px; list-style: disc; color: #b5ebff; padding-top: 1px !important;}
.card-list ul li {margin-bottom: 10px;}
.card-list p.notice {margin-top: 15px; font-style: italic;}
.card-list {display: none;}

.content .nav-year {list-style: none; padding: 0px; margin: 0px;}
.content .nav-year li {display: inline-block; margin-left: 0px;}

.nav-year span.active, .nav-year a {position: relative; padding: 0px; margin: 0px 8px 0px 8px; display: block; font:16px/18px Tahoma;}
.nav-year span.active {background: #8acae1; color: #0C3249;}
.nav-year span.active .left,
.nav-year span.active .right {position: absolute; display: block; background: url(/images/application/date-nav-active-corners.png) no-repeat 0px 0px; width: 6px; height: 18px; top: 0px; font-size: 0px;}
.nav-year span.active .left {left: -6px;}
.nav-year span.active .right {right: -6px; background-position: -6px 0px; }

.content ul.articles li.event-avatar {padding-left: 200px; min-height: 100px; position: relative;}
.content ul.articles .event-img {position: absolute; left: 0px; top: 10px;}
.content ul.articles .event-img img {margin: 0px;}

.content ul.articles li.avatar {padding-left: 115px; min-height: 145px; position: relative;}
.content ul.articles .avatar-img {position: absolute; left: 0px; top: 10px;}
.content ul.articles .avatar-img img {margin: 0px;}