/**
 * @author Alexander Kuznetcov (coolmen@siteleader.ru)
 * @copyright SiteLeader, 2005-2009 || http://www.siteleader.ru
 * @version 20091209
 */
body { margin: 0; padding: 0;  text-align: center;  background: #f7f4df url(main.bottom.bg.gif) repeat-x bottom left; }
* { margin:0; padding:0 }

.spacer { clear: both; }

p { margin: 1.2em 0; }

#content-top,
#content,
#content-bottom ,
#content-contacts { border-left: 1px solid #b0ac8e; border-right: 1px solid #b0ac8e; background-color: #ffffff; text-align: left; }

#content-top {  background: #ffffff url(internal.content-top.bg.gif) repeat-x top left; position: absolute; height: 300px; top: 0; left: 4%; right: 4%; }
#content-top div { background: url(internal.fishka.top.left.gif) no-repeat top left; height: 300px; margin: 0 0 0 -2px; position: relative; }
#content-top div div { background: url(internal.fishka.top.right.gif) no-repeat top right; height: 300px; margin: 0 -2px 0 0; position: relative; }

#content-menu { margin: 16px 4% 0 4%; padding: 0 1px; }
#content-menu  .left { width: 9%; float: left; position: relative; }
#content-menu  .center { width: 82%; background-color: #ffffff; padding: 26px 1px 0 1px; float: left; }
#content-menu  .center  .left { width: 50px; float: left; margin: 0; padding: 11px 0 0 30px; margin-right: -80px; }
#content-menu  .center  .right { width: auto; padding-left: 170px; text-align: left; }
#content-menu  #sinema { width: 150px; height: 178px; float: right; margin-right: -73px; margin-top: 3px; position: relative; z-index: 100; background: url(main.sinema.png) no-repeat top left; }

#content-menu .left { width: 9%; float: left; position: relative; margin-top: 55px; }
#content-menu .left img { border: none; }
#phone { float: left; background: url(main.red-line.bg.png) no-repeat top left; padding: 6px 30px 16px 126px; color: #ffffff; margin: 6px -100% 0 -10px; position: relative; z-index: 200; }

#content-menu ul { list-style: none; margin: 8px 0 10px 0; }
#content-menu ul li { display: inline; padding: 2px 10px 3px 10px; line-height: 2.2em; }
#content-menu ul li.a { background-color: #ffd196; border-bottom: 3px solid #b68138; }
#content-menu ul li.a  a { text-decoration: none; color: black; }

#content-contacts { margin: 0 4% 0 4%; padding: 0 1px; }
#content-contacts  .left { width: 9%; float: left; }
#content-contacts .center { width: 82%; background-color: #ffffff; padding: 40px 1px 30px 1px; float: left; position: relative; text-align: center; }

#content { margin: 0 4%; padding: 0px 0 40px 0; position: relative; }
#content .l { width: 43px; padding-top: 20px; float: left; position: relative;  }
#content .r { width: 44px; float: right; position: relative; padding-top: 20px;text-align: right; }
/* Закладки */
#content .l ul { width: 100%; list-style: none; margin-left: -36px; padding: 6px 35px 0 0; position: absolute; overflow: hidden; background: url(theatre-0.gif) no-repeat top left; }
#content .l ul li img { display: block; border: 0 none; }
#content .r ul { width: 100%; list-style: none; margin-right: -39px; padding: 6px 0 0 40px; position: absolute; right: 0; overflow: hidden; background: url(theatre-10.gif) no-repeat top right; z-index: 200; }
#content .r ul li { right: 0; clear: both; position: relative; }
#content .r ul li img { display: block; border: 0 none; clear: both; float: right; margin-left: -15%; position: relative; }

#content .center {  width: 89%; background-color: #ffffff; padding-top: 20px; float: left; position: relative; }
#content .center .left {  width: 66%; float: left; position: relative; }
#content .center .left dl { margin: 2.4em 0 4.8em 0; }
#content .center .left dl dt { background: url(internal.dl.bullet.gif) no-repeat 0 .2em; padding-left: 25px; position: relative; }
#content .center .left dl dt.date  { background: none; padding-left: 0px; margin: 1.2em 0; position: relative; font-size: 1.2em; font-weight: bold; color: #b68138; }
#content .center .left dl dd { margin-bottom: 1.2em; padding-left: 25px; }
#content .center .left dl dd span { margin-left: 20px; }

#content .center .left dl.area dt a { text-decoration: none; color: black; }
#content .center .left dl.area dt a:hover { text-decoration: underline; }
#content .center .left dl.area dt { padding-left: 25px; background: none; margin-bottom: 1.2em; float: left; width: 10em; }
#content .center .left dl.area dt span { margin-left: 20px; }
#content .center .left dl.area dd { position: relative; }
#content .center .left dl.area dd a { font-weight: bold; }

#content .center .right {  width: 29%; position: relative; float: right; }

#content .center hr { margin: 0 -40px; border: none; border-bottom: 1px solid #bdb99c;  }
#content .center .hr { border-bottom: 1px solid #bdb99c; clear: both; }


/* Список мест */
#content .center dl.dates { margin-top: 0; margin-bottom: 0; width: 90%; }
#content .center dl.dates  dt { list-style: none; background: none; font-size: 1.2em; background-color: #ffd196; padding: .2em .6em; clear: both; }
#content .center dl.places { margin-top: .2em; margin-bottom: 0; clear: both; }
#content .center dl.places  dt { list-style: none; background: none; font-size: 1em; }
#content .center dl.places  dd { margin: 0; }

#content .center dl.price-d, #content .center dl.price { margin-top: .2em; padding-bottom: .2em; display: none; }
#content .center dl.price-d { display: block; }
#content .center dl.price-d dt, #content .center dl.price  dt { width: 50%; float: left; padding: .1em .2em; border-bottom: 1px solid #b68138; margin-top: .3em; margin-bottom: .3em }
#content .center dl.price-d dd, #content .center dl.price dd { width: 40%; float: left; text-align: right; font-weight: bold; padding: .1em .2em; border-bottom: 1px solid #b68138; color: red; margin-top: .3em; margin-bottom: .3em }

#content .center dl.form { margin: .6em 0; clear: both; width: 100%; }
#content .center dl.form dt { width: 8em; float: left; text-align: right; background-color: #ffffff; }
#content .center dl.form dd { width: 18em; float: left; background-color: #ffffff; padding: .1em .2em; }
#content .center dl.form dd input { width: 100%; padding: 1px; }
#content .center dl.form dd input.vip { display: none; }
#content .center dl.form dd textarea { width: 100%; height: 4.8em; padding: 1px; }
#content .center dl.form dt.red { color: red; }


#content .center img.title { float: left; margin-right: 20px; }
#content .center h1.title { /*border-bottom: 1px solid #b68138;*/ margin-left: 80px; padding-right: 2px; width: 50%; }
#content .center div#navi-box { /*border: 1px solid #b0ac8e;*/ margin: 4px 0 0 80px; width: 50%; }
#content .center div#navi-box  ul { list-style: none; margin: 6px 0 4px 6px; }
#content .center div#navi-box  ul li { display: inline; margin: 0 11px 0 11px; padding: 0 8px 0 8px; }
#content .center div#navi-box  ul li.a { border-bottom: 2px solid #b68138; }
#content .center div#navi-box  ul li.a  a { text-decoration: none; }
#content .center img#preview { width: 120px; height: 120px; float: left; margin: 0 1.2em .2em 0;  border-top: 1px solid #f1eeda; border-left: 1px solid #f1eeda; border-right: 1px solid #d6d3c1; border-bottom: 1px solid #d6d3c1; }
#content .center h2#area {  }

#content-bottom { border-bottom: 1px solid #b0ac8e; margin: 0 4%; padding: 0px 88px 0px 88px; }

.calendar { position: relative; width: 265px; clear: both; padding-left: 7px; float: left; text-align: left; background: url(main.calendar.left.gif) no-repeat top left; }
.calendar div { background: url(main.calendar.right.gif) no-repeat top right; height: 201px; padding: 0 8px 0 0; margin: 0; }
.calendar div div { background: url(main.calendar.center.gif) repeat-x top left; height: 201px; padding: 10px 0 0 0; margin: 0; }
.calendar ul { width: 240px; margin: 3px; padding-left: 10px; clear: both; }
.calendar ul.top { border-top: 1px solid #bdb99c; }
.calendar ul li { display: block; width: 33px; float: left; text-align: center;  padding-top: 3px; }

.calendar span { display: block; padding-top: 10px; text-align: center; clear: both; }
.calendar big.m { margin-left:10px; }

.des {
	clear: both; padding-top: 20px; margin-bottom: 20px;
}
.des h1 { font-size: 1.6em; margin-bottom: .6em; }
.des dl { margin-bottom: .6em; }
.des dl a { color: #002FDF !important; text-decoration: underline !important; }
.des dt { font-size: 1em !important; font-weight: normal !important; margin-bottom: .2em; }
.des dd { font-size: 1.2em !important; font-weight: bold !important; margin-bottom: .4em !important; }



#footer { margin: 10px 4% 20px 4%; }
#footer .left { padding: 5px 0 0 20px; width: 25%; float: left; text-align: left; }
#footer .center { width: 39%; float: left; }
#footer .right { padding: 5px 0 0 20px; width: 25%; float:right; text-align: right; }

.cont1 { border-top: 1px solid #6c1717; position: relative; margin-bottom: -150px; height: 150px; min-width: 1000px; background: #f7f4df url(main.body.bg.gif) repeat-x top left; }
.cont { position: relative; min-width: 1000px; }