/* Версия от 11.04.2008 */
body { margin: 0; padding: 0; background: #fff none; }
* { margin:0; padding:0 }
.clear { clear: both; }

#hat { background: url(main.hat.top.bg.gif) repeat-x top left; position: relative; overflow: hidden; }
#hat .left-bg { background: url(main.hat.left.bg.png) no-repeat 0 11px; overflow: hidden; }
#hat .right-bg { background: url(main.hat.right.bg.png) no-repeat 100% 11px; width: 100%; overflow: hidden; }
#hat #logo { margin: 120px 0 55px 145px; height: 54px; background: url(main.hat.title.png) top left no-repeat; }
#hat #logo h1, #hat #logo h2 { display: none; }
#hat #logo a.logo-href { height: 54px; width: 384px; position: absolute; top: 120; left: 145px; }

#hat .logo { width: 96px; height: 108px; background: url(main.hat.logo.png) no-repeat top left; position: absolute; right: 8%; top: 0; }
#hat .logo h2 { display: none; }
#hat .logo a { width: 96px; height: 108px; position: absolute; top: 0; z-index: 100; }

#hat .top-menu { position: absolute; right: 18%; top: 30px; }
#hat .top-menu ul { list-style: none; text-align: right; }
#hat .top-menu ul li { display: inline; padding: 0 30px 0 0px; }
#hat .top-menu ul li span {  border-left: 2px solid #fc6e1e; }
#hat .top-menu ul li a { color: #000; }

#hat .phone { position: absolute; left: 60%; top: 110px; } 
#hat .phone dl { width: 20em; }
#hat .phone dl dt { width: 3.5em; float: left; padding: .5em 0 .4em 0; }
#hat .phone dl dd { width: 11em; float: right; border-left: 2px solid #fc6e1e; padding: .2em 0 .4em .4em; }
 

#menu { text-align: center; border-bottom: 2px solid #d05800; }
#menu table { margin: 0 auto; border-collapse: collapse; }
#menu table td { width: 155px; padding: 34px 0 10px; text-align: center; vertical-align: top; }
#menu table td a { padding-left: 23px; background: url(main.menu.bullet.gif) no-repeat bottom left; }
#menu table td.pl-1 { background: url(main.menu.pl-1.gif) no-repeat bottom left; }
#menu table td.pl-2 { background: url(main.menu.pl-2.gif) no-repeat bottom left; }
#menu table td.pl-3 { background: url(main.menu.pl-3.gif) no-repeat bottom left; }
#menu table td.pl-4 { background: url(main.menu.pl-4.gif) no-repeat bottom left; }
#menu table td.pl-5 { background: url(main.menu.pl-5.gif) no-repeat bottom left; }
#menu table td.pl-6 { background: url(main.menu.pl-6.gif) no-repeat bottom left; }

#top-content { width:100%; background: url(main.top-content.top.bg.png) repeat-x top left; }
#top-content h2.red { color: #c30000; }
#top-content .bottom { background: url(main.top-content.bottom.bg.png) repeat-x bottom left; padding-bottom: 50px; }
#top-content .all { width: 94%; height: 66px; margin: 0 auto; }
#top-content #book-container { margin: 0 auto; width: 94%; position: relative; }
#top-content #book { border: 1px solid #c3a277; background: #fdf2e4 url(main.book.bg.png) repeat-x bottom left; }
#top-content #book .pages { background: url(main.book.pages.bg.png) repeat-y top center; width: 184px; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -92px; }
#top-content #book .pages-top { background: url(main.book.pages.corner.gif) no-repeat top center; width: 184px; height: 14px; position: absolute; top: 0; left: 50%; margin-left: -92px; }
#top-content #book .pages-bottom { background: url(main.book.pages.corner.gif) no-repeat 0 -15px; width: 184px; height: 13px; position: absolute; bottom: 0; left: 50%; margin-left: -92px; }
#top-content #book .left-top { background: url(main.book.corners.bg.gif) no-repeat top left; width: 18px; height: 18px; position: absolute; top:0; left:0; }
#top-content #book .right-top { background: url(main.book.corners.bg.gif) no-repeat -18px 0; width: 18px; height: 18px; position: absolute; top:0; right:0; }
#top-content #book .left-bottom { background: url(main.book.corners.bg.gif) no-repeat 0 -18px; width: 18px; height: 18px; position: absolute; bottom:0; left:0; }
#top-content #book .right-bottom { background: url(main.book.corners.bg.gif) no-repeat -18px -18px; width: 18px; height: 18px; position: absolute; bottom:0; right:0; }

#top-content #book .left { margin: 10px 0 20px 2%; width: 45%; float: left;  }
#top-content #book .left img { border: none; margin: .2em 0; color: #c30000; }
#top-content #book .right { margin: 10px 2% 20px 0; width: 45%; float: right; } 
#top-content #book .right ul { list-style: none; }
#top-content #book .right ul li { width: 30%; padding-right: 3%; float: left; }
#top-content #book .right ul li a.img img { border: 1px solid #fc6e1e; width: 120px; height: 120px; }
#top-content #book .right ul li a.img div { border: 1px solid #fc6e1e; width: 120px; height: 120px; }
#top-content #book .right ul li a.img { margin: .2em 0 .2em 10px; display: block; position: relative; z-index: 10; }
#top-content #book .right ul li a.who { margin: .2em 0; padding-left: 24px; display: block; background: url(main.who.bullet.gif) no-repeat top left; position: relative; z-index: 10; min-height: 2.4em; }
#top-content #book .right ul li a.where { margin: 2em 0 .2em 0; padding-left: 24px; display: block; background: url(main.where.bullet.gif) no-repeat top left; position: relative; z-index: 10; }

#top-content .content { margin: 0 auto; width: 90%;  background: url(main.top-content.content.bg.png) repeat-x top center; padding-top: 45px; }
#top-content .content .left { width: 50%; float: left;  }
#top-content .content .left .right { width: 35%; }
#top-content .content .left .right h2 { margin-left: 25px; }

#top-content .content .left .des { padding-right: 20px; }
#top-content .content .left .des h1 { font-size: 1.4em; margin: 0 0 .4em 0; }
#top-content .content .left .des p { margin: 0 0 .2em 0; }

dl.area { width: 100%; }
dl.area dt { width: 9em; float: left; margin-top: 0.1em; }
dl.area dd { margin: 0 0 .3em 9em; }

#top-content .content .right { width: 47%; float: right;  }
#top-content .content .right dl dt { padding-left: 25px; background: url(main.where.bullet.gif) no-repeat 0 1.2em; clear: both; }
#top-content .content .right dl dt span { border-bottom: 1px solid #c3a277; display: block; margin: 0 15px .2em 0; padding-top: .8em; }
#top-content .content .right dl dd { margin: 0 0 1.2em 25px; width: 40%; float: left; }
#top-content .content .right dl dd a { color: #000; display: block; }

#top-content .content .schedule { list-style: none;  margin: 2.4em 0; }
#top-content .content .schedule li { padding: .2em 0 .2em 25px; margin: .4em 0; background: url(main.schedule.bullet.gif) no-repeat 0 .3em; }

#top-content .left h2 { margin-left: 10px; }
#top-content .right h2 { margin-left: 25px; }

#calendar-top { background: url(main.calc.top.bg.gif) 3px 0 no-repeat; padding: 8px 17px 0 17px; width: 222px; height: 34px; }
#calendar { height: 160px; width: 259px; background: url(main.calc.center.bg.gif) 3px 20px no-repeat; overflow: hidden; }
#calendar .pl { width: 256px; height: 20px; background: url(main.calc.plsh.bg.gif) no-repeat top left; } 
#calendar .title { width: 256px; list-style: none; }
#calendar .title li { width: 34px; float: left; text-align: right; color: #fff; }
#calendar .date { width: 256px; padding: 3px 0; list-style: none; clear: both; }
#calendar .date li { width: 30px; padding-right: 4px; float: left; text-align: right; }
#calendar span { display: block; clear: both; padding-top: 10px; text-align: center; color: #c3a277; }
#calendar span big { color: #000; }

#bottom-content {}
#bottom-content .theatres { padding-bottom: 15px; border-bottom: 3px solid #c20000; }
#bottom-content ul { width: 90%; list-style: none; margin: 2.4em auto; }
#bottom-content ul li { width: 16%; display: block; float: left; text-align: center; }
#bottom-content ul li a { margin: 0 auto; width: 125px; display: block; text-align: left; }
#bottom-content ul li a img { border: 1px solid #fc6e1e; width: 120px; height: 120px; }
#bottom-content ul li a div { border: 1px solid #fc6e1e; width: 120px; height: 120px; }
#bottom-content ul li a.who { margin: .2em auto; padding-left: 10px; }
#bottom-content ul li a.where { margin: .2em auto .2em auto; padding-left: 10px; }


#footer { background: #fff url(main.footer.top.bg.png) repeat-x top center; padding-top: 40px; position: relative; }
#footer .container { width: 100%; background: url(main.footer.bg.jpg) repeat-x bottom center; }

#footer .container .content { width: 65%; margin: 20px auto 20px auto; position: relative; }
#footer .container .content .container0 .left { width: 19px; height: 19px; background: url(main.footer.corner.bg.png) no-repeat 0 0; position: absolute; top: 0; left: 0; }
#footer .container .content .container0 .right { width: 19px; height: 19px; background: url(main.footer.corner.bg.png) no-repeat -19px 0; position: absolute; top: 0; right: 0; }
#footer .container .content .container0 .center div { margin: 0 19px 0px 19px; height: 18px; border-top: 1px solid #d05800; background: url(main.footer.container.bg.png) repeat top left; }
#footer .container .content .container1 { padding: 0 22px 0px 22px; border-left: 1px solid #d05800; border-right: 1px solid #d05800; background: url(main.footer.container.bg.png) repeat top left; }
#footer .container .content .container2 .center div { margin: 0 19px 0px 19px; height: 18px; border-bottom: 1px solid #d05800; background: url(main.footer.container.bg.png) repeat top left; }
#footer .container .content .container2 .left { width: 19px; height: 19px; background: url(main.footer.corner.bg.png) no-repeat 0 -19px; position: absolute; bottom: 0; left: 0; }
#footer .container .content .container2 .right { width: 19px; height: 19px; background: url(main.footer.corner.bg.png) no-repeat -19px -19px; position: absolute; bottom: 0; right: 0; }

#footer .container .content.added .container0 .left { background: url(main.footer.corner.bg.png) no-repeat -38px 0; }
#footer .container .content.added .container0 .right { background: url(main.footer.corner.bg.png) no-repeat -57px 0; }
#footer .container .content.added .container0 .center div { background-image: none; background-color: #fff4e5; }
#footer .container .content.added .container1 { background-color: #fff4e5; background-image:none; }
#footer .container .content.added .container2 .center div { background-image: none; background-color: #fff4e5 }
#footer .container .content.added .container2 .left { background: url(main.footer.corner.bg.png) no-repeat -38px -19px; }
#footer .container .content.added .container2 .right { background: url(main.footer.corner.bg.png) no-repeat -57px -19px; }

#footer .container .cp { z-index: 10; position: relative; padding: 10px 0; }
#footer .container .cp .left { width: 25%; float: left; }
#footer .container .cp .center { width: 34%; float: left; }
#footer .container .cp .right { width: 40%; float: right; }
#footer .container .cp .right dl {}
#footer .container .cp .right dl dt { width: 4em; float: left; font-weight: bold; }

#footer .bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 78px; }
#footer .bottom div { margin: 0 94px; height: 78px; background: url(main.footer.bottom.bg.png) repeat-x top center; }
#footer .bottom-left { position: absolute; bottom: 0; left: 0; width: 94px; height: 178px; background: url(main.footer.bottom.left.bg.png) no-repeat top left; }
#footer .bottom-right { position: absolute; bottom: 0; right: 0; width: 94px; height: 178px; background: url(main.footer.bottom.right.bg.png) no-repeat top left; }

#hat, #menu, #top-content, #bottom-content, #footer { min-width: 980px; }