/* Версия от 28.09.2006 */
body { margin: 0; padding: 0; }
* { margin:0; padding:0 }
.clear, .spacer { clear: both; }

#hat { width: 100%; 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 38px 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 .left { width: 100%; float: left; margin-right: -340px; }
#top-content .left .container { padding: 85px 380px 126px 70px; overflow: hidden; }

#top-content .left .container .header { width: 100%; position: relative; margin: 1.2em 0 1.2em -70px; }
#top-content .left .container .header div {  padding: 15px 0 15px 70px; background: #fff url(main.schedule.bullet.gif) no-repeat 40px 50%; border-top: 1px solid #c7a170; border-bottom: 1px solid #c7a170; border-right: 1px solid #c7a170; }
#top-content .left .container .header div .top { border: 0 none; padding: 0; margin: 0; width: 18px; height: 18px; position: absolute; top: 0; right: 0; background: url(internal.header.corner.png) no-repeat top left; }
#top-content .left .container .header div .bottom { border: 0 none; padding: 0; margin: 0; width: 18px; height: 18px; position: absolute; bottom: 0; right: 0; background: url(internal.header.corner.png) no-repeat 0px -18px; }

#top-content .left .container dl.areas {}
#top-content .left .container dl.areas dt {  }
#top-content .left .container dl.areas dd { margin-bottom: 1.2em; }

#top-content .left .container dl.area { width: 100%; margin-bottom: 2.4em; }
#top-content .left .container dl.area dt { width: 9em; float: left; text-align: right; margin-top: 0.1em; }
#top-content .left .container dl.area dd { margin: 0 0 .6em 10em; }

#top-content .left .container div.img { width: 120px; height: 120px; border: 1px solid #FC6E1E; margin-right: -120px; float: left; }
#top-content .left .container .dts { padding: 1.2em 0 1.2em 170px; list-style: none; margin: 0; background: url(internal.dates.gif) 140px 1.2em no-repeat; }
#top-content .left .container .dts li { margin: 0; padding: 0; }
#top-content .left .container .place { padding: 1.2em 0 1.2em 170px; list-style: none; margin: 0; background: url(internal.info.gif) 140px 1.2em no-repeat; }
#top-content .left .container .place li { margin: 0; padding: 0; }

#top-content .left .container ul { margin: 1.2em 0 1.2em 2.4em; }
#top-content .left .container p { margin: 1.2em 0 1.2em 0; }
#top-content .left .container h2.orange { color: #FC6E1E; display: inline;  }
#top-content .left .container h2.orange a { color: #FC6E1E; text-decoration: none; }
#top-content .left .container #preview { border: 1px solid #fc6e1e; width: 120px; height: 120px; float: left; }

#top-content .left .container .order { width: 38em; position: relative; }
#top-content .left .container .order .container { border: 1px solid #bd9b6e; border-bottom: 4px solid #c30000; background-color: #fffaf3; padding: 20px 35px; overflow: hidden; }
#top-content .left .container .order .container dl.form { width: 30em; }
#top-content .left .container .order .container dl.form dt { width: 9em; float: left; padding: 2px 0; }
#top-content .left .container .order .container dl.form dd { width: 20em; float: right;  padding: 1px 0; }
#top-content .left .container .order .container dl.form dd input, #top-content .left .container .order .container dl.form dd textarea { width: 20em; border: 1px solid #bd9b6e; }
#top-content .left .container .order .container dl.form dd textarea { height: 4.9em; }
#top-content .left .container .order .container dl.form dd input.vip { display: none; }
#top-content .left .container .order .container .left { width: 19px; height: 20px; background: url(internal.order.corners.gif) top left no-repeat; position: absolute; top: 0; left: 0; }
#top-content .left .container .order .container .right { width: 19px; height: 20px; background: url(internal.order.corners.gif) -19px 0 no-repeat; position: absolute; top: 0; right: 0; }

#top-content .left .container .places { width: 100%; border-collapse: collapse; border-right: 1px solid #bd9b6e; border-bottom: 1px solid #bd9b6e; margin: 1.2em 0; }
#top-content .left .container .places th { background-color: #f3e2ce; text-align: left; padding: 5px 40px; border-left: 1px solid #bd9b6e; border-top: 1px solid #bd9b6e; }
#top-content .left .container .places td { text-align: left; padding: 5px 40px; border-left: 1px solid #bd9b6e; border-top: 1px solid #bd9b6e; }


#top-content .right { width: 315px; float: right; padding: 125px 0 0 0; }


#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 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; }

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


#footer { background: #fff url(main.footer.top.bg.png) repeat-x top center; padding-top: 18px; 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 .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; }