@charset "windows-1251";
* {margin: 0px; padding: 0px;}
html {background: url(../img/bg1.gif); height: 100%;}
body {font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 62.5%; color: #371206; min-width: 1000px; height: 100%;}
* html body {width: expression(documentElement.clientWidth < 1000 ? '1000px' : '100%'); behavior: url(/js/csshover.htc);}
#outer {background: url(../img/bg3.jpg) no-repeat center top; width: 100%; min-height: 100%;}
body.mainpage #outer {background: url(../img/bg2.jpg) no-repeat center top;}
* html #outer {height: 100%;}
#inner {width: 100%; max-width: 1250px; margin: 0px auto; position: relative;}
* html #inner {width: expression(documentElement.clientWidth > 1250 ? '1250px' : '100%'); height: 100%;}

a {color: #8A4D39; text-decoration: underline; outline: none;}
a:hover {color: #B85629;}
img {border: none;}

#header {width: 100%; height: 460px; position: relative;}
body.mainpage #header {height: 800px;}
#header h1 {background: url(../img/logo.gif) no-repeat; width: 274px; height: 127px; position: absolute; left: 40px; top: 40px; z-index: 5;}
#header h1 a {text-indent: -9000px; display: block; width: 274px; height: 127px; overflow: hidden;}
#header ul {font-size: 1.3em; background: url(../img/bg_menu.jpg) no-repeat left bottom; width: 660px; height: 307px; margin: 0px auto; padding-top: 122px; list-style: none; position: relative;}
#header ul li {position: absolute;}
#header ul li a {color: #9AC4F3; position: relative;}
#header ul li a span {color: #FFFFFF;}
#header ul li a span:hover {color: #C7E1FF;}
#header ul li a.activelink {text-decoration: none;}
#header ul li a.activelink span {color: #C7E1FF;}
#header ul li#a0 {padding: 0px 0px 7px 17px; left: 321px; bottom: 188px;}
* html #header ul li#a0 {bottom: 187px;}
#header ul li#a0.active {background: url(../img/marker-m.gif) no-repeat left bottom;}
#header ul li#a1 {padding: 0px 17px 7px 0px; right: 325px; bottom: 147px;}
* html #header ul li#a1 {bottom: 146px;}
#header ul li#a1.active {background: url(../img/marker-m.gif) no-repeat right bottom;}
#header ul li#a2 {padding: 7px 0px 0px 17px; left: 294px; top: 302px;}
#header ul li#a2.active {background: url(../img/marker-m.gif) no-repeat left top;}
#header ul li#a3 {padding: 0px 17px 7px 0px; right: 411px; bottom: 93px;}
* html #header ul li#a3 {bottom: 92px;}
#header ul li#a3.active {background: url(../img/marker-m.gif) no-repeat right bottom;}
#header ul li#a4 {padding: 7px 0px 0px 17px; left: 162px; top: 345px;}
#header ul li#a4.active {background: url(../img/marker-m.gif) no-repeat left top;}

#content {width: 100%; padding-bottom: 140px; overflow: hidden;}

#mainouter {width: 100%; margin-left: -170px; float: right;}
#main {margin-left: 170px;}
#main h2 {font-family: Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; color: #8A4D39; margin: 0px 40px 20px 20px;}
#main h3 {font-size: 1.3em; margin: 0px 40px 20px; padding-top: 10px;}
#main h3#photos {color: #8A4D39; background: url(../img/bg_h3.jpg) no-repeat; line-height: 24px; height: 25px; margin-bottom: 10px; padding: 0px 10px;}
#main h3#comments {color: #8A4D39; background: url(../img/bg_h3.jpg) no-repeat; line-height: 24px; height: 25px; margin-bottom: 10px; padding: 0px 10px;}
#main h3#addcomment {color: #8A4D39; background: url(../img/bg_h3.jpg) no-repeat; line-height: 24px; height: 25px; margin-bottom: 10px; padding: 0px 10px;}
#main p {font-size: 1.2em; line-height: 15px; margin: 10px 40px;}
#main p.map {width: 39%; margin: 0px; float: left;}
#main p.images img {margin-right: 10px; border: 5px #FFFFFF solid;}
#main ul {font-size: 1.2em; line-height: 15px; margin: 10px 40px; list-style: none;}
#main ul li {background: url(../img/marker.gif) no-repeat 3px 8px; margin-bottom: 2px; padding-left: 16px;}
#main img.fl {margin: 3px 15px 10px 0px; border: 5px #FFFFFF solid; float: left;}
#main img.fr {margin: 3px 0px 10px 15px; border: 5px #FFFFFF solid; float: right;}

#main ul.ref {font-size: 1em; line-height: normal; margin: -5px 40px 0px; overflow: hidden; zoom: 1;}
#main ul.ref li {background: url(../img/bg_dots_h.gif) repeat-x; width: 100%; margin: -1px 0px 15px; padding: 15px 0px 0px 0px; overflow: hidden;}
#main ul.ref li p.image {width: 120px; margin: 0px; float: left;}
#main ul.ref li p.image img {float: left;}
#main ul.ref li div {margin-left: 140px; zoom: 1;}
* html #main ul.ref li div {margin-left: 137px;}
#main ul.ref li div h3 {font-size: 1.3em; margin: 0px 0px 10px 0px; padding: 0px;}
#main ul.ref li div p {margin: 0px 0px 10px 0px;}
#main ul.ref li div ul {margin: 0px 0px 10px 0px;}
#main ul.ref li div ul li {background: url(../img/marker.gif) no-repeat 3px 8px; width: auto; margin: 0px 0px 2px; padding: 0px 0px 0px 16px;}

#main div.address {width: 60%; float: left;}
#main div.address dl.contacts {font-size: 1.2em; margin: 0px 40px; overflow: hidden; zoom: 1;}
#main div.address dl.contacts dt {text-align: right; width: 7em; margin: 0px 10px 0px 0px; float: left;}
* html #main div.address dl.contacts dt {margin-right: 7px;}
#main div.address dl.contacts dd {margin-bottom: 10px;}

#main ul.leisure {font-size: 1em; line-height: normal; margin: -5px 40px 0px; overflow: hidden; zoom: 1;}
#main ul.leisure li {background: url(../img/bg_dots_h.gif) repeat-x; width: 100%; margin: -1px 0px 15px; padding: 15px 0px 0px 0px; overflow: hidden;}
#main ul.leisure li p.image {width: 150px; margin: 0px; float: left;}
#main ul.leisure li p.image img {border: 5px #FFFFFF solid; float: left;}
#main ul.leisure li div {margin-left: 170px; zoom: 1;}
* html #main ul.leisure li div {margin-left: 167px;}
#main ul.leisure li div h3 {font-size: 1.3em; margin: 0px 0px 10px 0px; padding: 0px;}
#main ul.leisure li div p {margin: 0px 0px 10px 0px;}

#main div.ls {background: url(../img/bg_dots_ls.gif) repeat-y right top; width: 100%; overflow: hidden;}
#main div.ls div.ls_photo {width: 420px; float: right;}
#main div.ls div.ls_photo p {overflow: hidden; zoom: 1;}
#main div.ls div.ls_photo p img {border: 5px #FFFFFF solid; float: left;}
#main div.ls div.ls_text {margin-right: 420px;}

#main dl.events {margin: 10px 40px; overflow: hidden; zoom: 1;}
#main dl.events dt {font-family: "Times New Roman", Times, serif; font-size: 2.5em; color: #FFFFFF; background: #D3C1B4; margin-top: 3px; padding: 1px 7px 2px; float: left;}
#main dl.events dt.today {background: #B85629;}
#main dl.events dt.new {background: #8A4D39;}
#main dl.events dd {margin: 0px 0px 25px 140px;}
* html #main dl.events dd {margin-left: 137px; zoom: 1;}
#main dl.events dd h3 {font-size: 1.3em; margin: 0px 0px 6px 0px; padding: 0px;}
#main dl.events dd ul {font-size: 1.1em; line-height: normal; margin: 0px 0px 0px -5px; overflow: hidden; zoom: 1;}
#main dl.events dd ul li {background: url(../img/div2.gif) no-repeat left center; margin: 0px 0px 0px -1px; padding: 0px 7px; float: left;}
#main dl.events dd ul li form {font-size: 1em; margin: 0px;}
#main dl.events dd ul li form p {font-size: 1em; line-height: normal; margin: 0px;}

#main div.event {background: url(../img/bg_dots_ev.gif) repeat-y right top; width: 100%; margin-bottom: 10px; overflow: hidden;}
#main div.event div.event_photo {width: 240px; float: right;}
#main div.event div.event_photo p {overflow: hidden; zoom: 1;}
#main div.event div.event_photo p img {border: 5px #FFFFFF solid; float: left;}
#main div.event div.event_text {margin-right: 240px;}
#main div.event div.event_text form {font-size: 1em; margin: 0px;}
#main div.event div.event_text form p {margin: 0px 40px;}

#main ul.photos {font-size: 1em; line-height: normal; margin: 0px 40px 20px; overflow: hidden; zoom: 1;}
#main ul.photos li {background: none; width: 84px; height: 64px; margin: 0px 10px 0px 0px; padding: 0px 0px 10px 0px; float: left;}
#main ul.photos li img {border: 2px #FFFFFF solid;}

#main ul.commentslist {font-size: 1em; line-height: normal; margin: -10px 40px 10px 50px; overflow: hidden; zoom: 1;}
#main ul.commentslist li {background: url(../img/bg_dots_h.gif) repeat-x; width: 100%; margin: -1px 0px 5px; padding: 15px 0px 0px 0px; overflow: hidden;}
#main ul.commentslist li p {margin: 10px 40px 10px 20px;}
#main ul.commentslist li p.author {font-weight: bold; margin: 0px;}
#main ul.commentslist li p.author span {font-size: 0.92em; background: #D3C1B4; margin: -1px 7px 0px 0px; padding: 1px 5px 2px; float: left;}
* html #main ul.commentslist li p.author span {margin-right: 4px;}

#main ol#results {font-size: 1.2em; margin: 0px 40px; padding-left: 25px;}
* html #main ol#results {padding-left: 30px;}
*+html #main ol#results {padding-left: 30px;}
#main ol#results li {margin: 20px 0px;}
#main ol#results li h3 {font-size: 1em; font-weight: normal; margin: 0px; padding: 0px;}
#main ol#results li p {font-size: 0.92em; margin: 6px 0px;}
#main ol#results li p strong {font-weight: normal; background: #D3C1B4; padding: 0px 3px 2px;}
#main ol#results li p.url span {color: #B85629;}

#main div.pagination {background: url(../img/bg_dots_h.gif) repeat-x; margin: 0px 40px; padding: 5px 0px 0px 0px; overflow: hidden; zoom: 1;}
#main div.pagination p {line-height: 16px; margin: 0px; float: left;}
#main div.pagination div {float: right;}
#main div.pagination div p {margin-right: 3px;}
#main div.pagination div ul {font-size: 1.1em; line-height: normal; margin: 0px 1px 0px 0px; float: left;}
#main div.pagination div ul li {text-align: center; background: none; display: inline; line-height: 16px; width: 16px; height: 18px; margin: 0px 0px 0px 3px; padding: 0px; float: left;}
* html #main div.pagination div ul li {line-height: 15px;}
*+html #main div.pagination div ul li {line-height: 15px;}
html:root #main div.pagination div ul li, x:-moz-any-link {line-height: 15px;}
#main div.pagination div ul li a {color: #FFFFFF; text-decoration: none; background: #8A4D39; width: 14px; height: 16px; border: 1px #8A4D39 solid; float: left;}
#main div.pagination div ul li a:hover {background: #B85629;}
#main div.pagination div ul li a.active {color: #371206; background: none; cursor: default;}

#sidebar {width: 170px; padding-bottom: 120px; float: left;}
#sidebar ul {font-size: 1.2em; margin-top: 50px; padding: 0px 0px 20px 40px; list-style: none; overflow: hidden; zoom: 1;}
#sidebar ul li {background: url(../img/bg_dots_h.gif) repeat-x; margin: -1px 0px 9px; padding: 7px 0px 0px 3px;}
#sidebar ul li a {color: #371206;}
#sidebar ul li a:hover {color: #B85629;}
#sidebar ul li a.active {font-weight: bold; color: #B85629; text-decoration: none;}

#afisha {width: 24%; height: 400px; position: absolute; left: 73%; top: 40px; overflow: hidden;}
#afisha h3 {text-indent: -9000px; background: url(../img/bg_afisha.jpg) no-repeat; width: 205px; height: 205px; margin-bottom: 10px; overflow: hidden;}
#afisha dl {color: #FFFFFF; width: 100%;}
#afisha dt {font-size: 1.2em; font-weight: bold; line-height: 15px; margin-left: 12px;}
#afisha dt strong {color: #FFFFFF; background: #5386DF; padding: 0px 5px 2px;}
#afisha dt span {background: url(../img/div1.gif) no-repeat left center; margin-left: 5px; padding-left: 8px;}
#afisha dd {font-size: 1.1em; margin-bottom: 15px; padding: 5px 0px; position: relative; overflow: hidden; zoom: 1;}
#afisha dd p {background: url(../img/marker-a.gif) no-repeat 0px 4px; margin-right: 42px; padding-left: 12px;}
#afisha dd p.more {background: url(../img/go.gif) no-repeat; width: 22px; height: 22px; margin: -11px 0px 0px 0px; padding: 0px; position: absolute; right: 10px; top: 50%;}
#afisha dd p.more a {text-indent: -9000px; width: 22px; height: 22px; float: right; overflow: hidden;}

#search {background: url(../img/bg_search.gif) no-repeat; width: 185px; height: 70px; position: absolute; left: 35px; top: 251px; overflow: hidden; z-index: 5;}
#search form {font-size: 1em; margin: 0px;}
#search form input.txt {font-size: 1.3em; color: #FFFFFF; background: #87B5EB; width: 137px; height: 19px; margin: 0px; position: absolute; left: 7px; bottom: 1px; border: 1px #FFFFFF solid;}
#search form input.img {margin: 0px; position: absolute; left: 155px; bottom: 0px;}

#footer {width: 100%; max-width: 1250px; height: 80px; margin: -80px auto 0px; position: relative;}
* html #footer {width: expression(documentElement.clientWidth > 1250 ? '1250px' : '100%');}
#footer address {font-size: 1.2em; font-style: normal; background: url(../img/bg_phone.jpg) no-repeat; width: 130px; height: 205px; position: absolute; left: 40px; top: -125px;}
#footer address span {color: #8A4D39; width: 250px; position: absolute; left: 0px; top: 172px;}
#footer address strong {font-family: "Times New Roman", Times, serif; font-size: 2.5em; font-weight: normal; width: 250px; position: absolute; left: 0px; top: 136px;}
#footer address strong span {font-size: 0.6em; width: auto; position: static;}
#footer p.webdev {font-size: 1.1em; position: absolute; right: 40px; top: 44px;}
#footer p.webdev a {text-decoration: none; cursor: default;}
#footer p.webdev a:hover {color: #8A4D39;}
#footer p.webdev a span {line-height: 20px; margin-right: 5px; float: left;}
#footer p.webdev a strong {text-indent: -9000px; background: url(../img/artline.gif) no-repeat; width: 77px; height: 17px; float: left; cursor: pointer;}
#footer ul {width: 196px; height: 31px; margin: 0px auto; padding-top: 29px; list-style: none; overflow: hidden;}
#footer ul li {float: left; margin-right: 10px;}
#footer ul li img {opacity: 0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);}

/* Forms ------------------------------------------------------------------------------------------------*/
form {font-size: 1.1em; margin: 20px 40px 0px; zoom: 1;}
form#ticketorder div.dt {width: 100%; margin-bottom: 18px; overflow: hidden;}

.star {color: #FF0000; vertical-align: top;}

input, select, textarea {font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 1em; color: #371206;}

label {text-align: right; width: 8em; margin: 2px 5px 0px 0px; float: left;}
* html label {margin-right: 2px;}
html:root label {margin-top: 3px;}
html:root label, x:-moz-any-link {margin-top: 1px;}
label.warn {color: #DD0000; font-weight: bold;}
form#addcom label {width: 11em;}
form#ticketorder label {width: 12em;}
form#ticketorder label.wide {width: 26.8em;}
form#ticketorder label.date {margin-right: 5px;}

input.txt {background: #F8EFE8; width: 300px; height: 17px; margin-bottom: 6px; border: 1px #D3C1B4 solid;}
* html input.txt {margin-bottom: 4px;}
*+html input.txt {margin-bottom: 4px;}
input.w43  {width: 43px;}
input.w150 {width: 150px;}

input.img {cursor: pointer;}
form#mainform input.img {margin: 3px 15px 6px 8.5em;}
form#addcom input.img {margin: 3px 15px 6px 11.5em;}
form#ticketorder input.img {margin: 3px 15px 6px 12.5em;}

select {background: #F8EFE8; height: 19px; margin: 0px 0px 6px 0px; border: 1px #D3C1B4 solid;}
select#date {margin-right: 10px; float: left;}
* html select#date {margin-right: 7px;}
select.w45 {width: 45px;}
select.w84 {width: 84px;}
select.w139 {width: 139px; margin-bottom: 0px;}

textarea {background: #F8EFE8; width: 300px; margin: 0px 0px 6px; border: 1px #D3C1B4 solid; overflow: auto;}

#captcha {margin: 8px 0px 10px 8.5em;}
form#addcom #captcha {margin-left: 11.5em;}
form#ticketorder #captcha {margin-left: 12.5em;}
#captcha label {text-align: left; width: auto; margin: 0px; float: none;}
#captcha img {display: block; width: 152px; height: 30px; margin: 7px 0px 0px;}
#captcha input.txt {width: 150px; margin: 7px 0px 0px 0px;}
/* Forms ------------------------------------------------------------------------------------------------*/

/* Popup ----------------------------------------------------------------------------------------------- */
#screen {display: none; width: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 20;}
#shadow {background: #000000; display: none; min-width: 1000px; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 30;}

#popup {background: url(../img/bg_popup.jpg) no-repeat; display: none; width: 310px; height: 140px; margin: -70px 0px 0px -155px; position: fixed; left: 50%; top: 50%; overflow: hidden; z-index: 40;}
* html #popup {margin-top: expression(((documentElement.offsetHeight/2)-parseInt(offsetHeight)/2) < 0 ? '0' : (documentElement.offsetHeight/2)-(parseInt(offsetHeight)/2) + 'px'); position: absolute; top: expression(documentElement.scrollTop + 'px');}
#popup p {font-size: 1.1em; text-align: center; line-height: 17px; margin: 35px 20px;}
#popup p.buttons {width: 100%; margin: 0px; position: absolute; bottom: 25px;}
#popup p.buttons a {text-indent: -9000px; background: url(../img/b_ok.gif) no-repeat; display: block; width: 45px; height: 25px; margin: 0px auto; cursor: pointer;}
/* Popup ----------------------------------------------------------------------------------------------- */

/* ArtBox -----------------------------------------------------------------------------------------------*/
#imagepopup {background: url(../img/bg_ipopup.gif) no-repeat; display: none; width: 664px; height: 534px; margin: -267px 0px 0px -332px; position: fixed; left: 50%; top: 50%; overflow: hidden; z-index: 40;}
* html #imagepopup {margin-top: expression(((documentElement.offsetHeight/2)-parseInt(offsetHeight)/2) < 0 ? '0' : (documentElement.offsetHeight/2)-(parseInt(offsetHeight)/2) + 'px'); position: absolute; top: expression(documentElement.scrollTop + 'px');}

#imagepopupinner {background: url(../artbox/wait.gif) no-repeat center -9000px; width: 664px; height: 534px; position: relative;}
#imagepopupinner img {display: block; margin: 0px auto; padding-top: 12px;}
#imagepopupinner p {line-height: normal; height: 25px; margin: 0px; padding: 0px; position: absolute; right: 5px; bottom: 9px; z-index: 50;}
#imagepopupinner p a {text-indent: -9000px; width: 25px; height: 25px; margin-right: 7px; float: left; overflow: hidden;}
#imagepopupinner p a.prev {background: url(../artbox/prev.gif) no-repeat 0px 0px;}
#imagepopupinner p a.prev:hover {background-position: 0px -25px;}
#imagepopupinner p a.close {background: url(../artbox/close.gif) no-repeat 0px 0px;}
#imagepopupinner p a.close:hover {background-position: 0px -25px;}
#imagepopupinner p a.next {background: url(../artbox/next.gif) no-repeat 0px 0px;}
#imagepopupinner p a.next:hover {background-position: 0px -25px;}

a.artbox {display: block; width: 84px; height: 64px; position: relative;}
a.artbox span {background: url(../artbox/zoom.gif) no-repeat center -9000px; width: 84px; height: 64px; position: absolute; left: 0px; top: 0px; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); cursor: pointer;}
/* ArtBox -----------------------------------------------------------------------------------------------*/