/**
 * @author Alexander Kuznetcov (coolmen@siteleader.ru)
 * @copyright SiteLeader, 2005-2009 || http://www.siteleader.ru
 * @version 20091218
 */ 

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; }
.min { font-size: 0; zoom: 1; }

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

#content-top {  background: #fffef7 url(main.content-top.bg.gif) repeat-x top left; position: absolute; height: 800px; top: 0; left: 4%; right: 4%; }
#content-top div { background: url(main.fishka.top.left.gif) no-repeat top left; height: 800px; margin: 0 0 0 -2px; position: relative; }
#content-top div div { background: url(main.fishka.top.right.gif) no-repeat top right; height: 800px; margin: 0 -2px 0 0; position: relative; }
#content-top div div div { background: url(main.content-top.shadow.gif) no-repeat 91% 0; height: 1000px; margin: 0; position: relative; }

#content-menu { margin: 14px 4% 0 4%; padding: 0 1px; }
#content-menu .left { width: 9%; float: left; position: relative; margin-top: 57px; }
#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  .center { border-left: 1px solid #beba9e; border-right: 1px solid #beba9e; width: 82%; background-color: #ffffff; padding-top: 28px; 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 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: 0px 1px; }
#content-contacts  .left { width: 9%; float: left; }
#content-contacts .center { border-left: 1px solid #beba9e; border-right: 1px solid #beba9e; width: 82%; background-color: #ffffff; padding: 40px 0 30px 0; float: left; position: relative; }

#content-afisha { margin: 0 4%; text-align: left; padding: 0 1px 40px 1px; }
#content-afisha  .left { width: 9%; padding-top: 20px; float: left; position: relative;  }
#content-afisha  .right { width: 8%; padding-top: 20px; float: right; text-align: right; position: relative; }
/* Закладки */
#content-afisha  .left 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-afisha  .left ul li { clear: both; }
#content-afisha  .left ul li img { display: block; border: 0 none; float: left; clear: both; }
#content-afisha  .right ul { width: 100%; list-style: none; margin-right: -39px; padding: 6px 0 0 35px; position: absolute; right: 0; overflow: hidden; background: url(theatre-10.gif) no-repeat top right; z-index: 200; }
#content-afisha  .right ul li { right: 0; clear: both; position: relative; }
#content-afisha  .right ul li img { display: block; border: 0 none; clear: both; float: right; margin-left: -100%; position: relative; }

#content-afisha  .center { border-left: 1px solid #beba9e; border-right: 1px solid #beba9e; border-bottom: 1px solid #beba9e; width: 82%; background-color: #ffffff; padding-top: 20px; float: left; position: relative; text-align: right; }
#content-afisha  #pros { float: right; margin: 0 -37px -31px 0; position: relative; }

#content-afisha  .center .left { padding: 0 18px; width: 50%; float: left; text-align: left; }
#content-afisha  .center .right { width: 38%; float: right; margin: 0; padding: 0; text-align: left; }
#content-afisha  .center .right .container { padding: 0 0 0 0; }
#content-afisha  .center .right .container dl { }
#content-afisha  .center .right .container dl dt { }
#content-afisha  .center .right .container dl dd { }

.calendar { position: absolute; left: 5%; bottom: -23px; 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; }

#content { margin: 0 4%; padding: 20px 88px 40px 88px; position: relative; }
#content .hr1 { width: 100%; padding-left: 80px; margin: 0 -40px; border: none; border-bottom: 1px solid #bdb99c;  }
#content .hr { border-bottom: 1px solid #bdb99c; clear: both; }
#content ul { width: 100%; list-style: none; padding: 13px 0 0 0; }
#content ul li { width: 19.9%; float: left; }
#content ul li div { border: 1px solid #cdcdcd; background-color: #f7f4df; width: 128px; height: 176px; overflow: hidden; margin: 0 auto; }
#content ul li span { display: block; width: 113px; overflow: hidden; margin: 0 auto; }
#content ul li div p, #content ul li span { padding: 5px 5px 5px 10px; }
#content ul li img { width: 120px; height: 120px; border-top: 1px solid #f1eeda; border-left: 1px solid #f1eeda; border-right: 1px solid #d6d3c1; border-bottom: 1px solid #d6d3c1; margin: 2px auto; display: block; }

/* Блок визиток театров */
	.cards {
		position: relative;
		width: 100%;
		margin: 0 auto;
		font-size: .9em;
	}
	.cards h1, .cards h2, .cards h3 {
		color: black;
		font-size: 1.8em;
	}  
	.cards .left {
		float: left;
		width: 48%;
	}
	.cards .right {
		float: right;
		width: 48%;
	}
	.cards .container {
		border: 1px solid #cdcdcd;
		margin: 4px 0 0;
		padding: 10px 16px 2.2em 16px;
		position: relative;
		min-height: 170px;
	}
	* html .cards .container { height: 170px; }
	.cards .img {
		float: left;
		margin: 0 16px .6em 0;
	}
	.cards p {
		clear: both;
		margin-top: .6em;
	}
	.cards .name {
		width: auto
	}
	.cards .decor {
		background-color: #b68138;
		height: 3px;
		position: absolute;
		width: 100%;
		top: 0;	left: 0;
		font-size: 0;
	}
	* html .cards .decor { padding-left: 32px; }
	.cards .spacer {
		font-size: 0;
	}
	.cards .link {
		position: absolute;
		left: 16px;
		bottom: 6px;
	}
	
	
/* // Блок визиток театров */

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

#bottom { height: 26px; margin: -23px 4% 0 4%; position: relative; }
#bottom div { height: 26px; background: url(main.fishka.bottom.left.gif) no-repeat bottom left; margin: 0 0 0 -2px; position: relative; }
#bottom div div { height: 26px; background: url(main.fishka.bottom.right.gif) no-repeat bottom right; margin: 0 -2px 0 0; position: relative; }

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