* {
	margin: 0;
	padding: 0;
}

html{
	width: 100%;
	height: 100%;
}

body{
	position: relative;
	background: #fff;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	font: normal 1em/1.2em Tahoma, Arial, Helvetica, sans-serif;
	min-width: 970px;
	color: #333;
}

h1, h2, h3, h4, h5{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	color: #333;
}

input, textarea, select{
	font: normal 1em/1.2em Tahoma, Arial, Helvetica, sans-serif;
}

.container{
	padding-top: 20px;
	width: 94%;
	max-width: 1300px;
	margin: 0 auto;
}

.clr{
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
}

a{color: #069;}
a:hover{color: #c00;}

/*
 * dt
 */
 
.dt{
	position: relative;
	top: -.1em;
	border-bottom: 1px dotted;
}

.dt span{
	position: relative;
	top: .1em;
	margin-bottom: -.1em;
}

/*
 * header
 */

.header{
	width: 100%;
	background: #ededed url(i/header.gr.png) repeat-x 0 0;
	margin: 0 auto;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.header .s{
	position: absolute;
	left: -13px;
	top: -11px;
	background: transparent url(i/header.s.png) no-repeat 0 0;
	height: 164px;
	width: 163px;
}

.header .title-2,
.header .title-1{
	position: relative;
	float: left;
	width: 49%;
	text-align: center;
	font-size: 2.1em;
	line-height: 1em;
	padding: 50px 0 40px 0;
	color: #333;
}

.header .title-1{
	position: relative;
	right: -30px;
}

/*
 * time
 * summ
 */

.summ,
.time{
	float: left;
	width: 49%;
	text-align: center;
	position: relative;
	padding: 20px 0 50px 0;
}

.summ *,
.time *{vertical-align: top;}

.summ ins,
.summ del,
.summ .rub,
.time ins,
.time .clock{
	position: relative;
	top: 10px;
	width: 40px;
	height: 55px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: transparent url(i/sprites.png) no-repeat -260px -154px;
}

.time .clock{margin-right: 7px;}

.time ins,
.summ ins,
.summ del{width: 10px;}

.summ ins{background-position: -360px -154px;}
.summ del{background-position: -375px -154px;}
.time ins{background-position: -300px -154px;}

.summ .etitle,
.time .etitle{
	position: absolute;
	width: 110px;
	text-align: center;
	left: 50%;
	margin-left: -47px;
	top: 55px;
	line-height: 30px;
}

.etitle-1{font-size: 1.6em;}

.etitle-2{
	font-size: 1.37em;
	padding-top: .1em;
}

.etitle-3{
	font-size: 1.12em;
	padding-top: .2em;
}

.etitle-4{
	font-size: .87em;
	padding-top: .3em;
}

/*
 * c-block
 */

.c-block{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 18px 0 3px;
	padding: 4px 0 40px 3px;
	position: relative;
	background: transparent url(i/sprites.png) no-repeat -260px 0;
}

.c-block:before{
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	width: 31px;
	background: transparent url(i/sprites.png) no-repeat 100% -77px;
	height: 77px;
}

.bl-inner{
	position: relative;
	margin-right: -10px;
	height: 48px;
	background: transparent url(i/sprites.png) no-repeat -5px -48px;
}

.bl-inner span{
	display: none;
	font-size: 46px;
	color: #fff;
	line-height: 46px;
	margin-left: 2px;
}

.bl-inner:before{
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	width: 3px;
	background: transparent url(i/sprites.png) no-repeat -122px -48px;
	height: 48px;
}

.c-block-1{width: 20px;}
.c-block-2{width: 45px;}
.c-block-3{width: 70px;}

/*
 * tizers
 */
 
.tizers{
	width: 95%;
	max-width: 1080px;
	margin: 30px auto 40px auto;
	text-align: justify;
}

.tizers:after{
	display: inline-block;
	*display: inline;
	zoom: 1;
	content: '.';
	width: 100%;
	height: 0;
	overflow: hidden;
}

.tizers span em{
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: #e6e6e6;
	width: 200px;
	height: 200px;
}

/*
 * events
 */
 
.events{
	width: 100%;
	position: relative;
}

.events-wr{
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #f1f1f1 url(i/events.s.png) repeat-x 0 120px;
}

.events .content-head{
	height: 100px;
	position: relative;
	margin-bottom: 100px;
}

.events .content-head .more{
	position: absolute;
	right: 0;
	top: 1em;
}

.events h1{
	font-size: 3em;
	line-height: 50px;
	font-weight: normal;
	color: #333;
}

.events .content{
	width: 55%;
	position: relative;
	left: 7%;
}

.events dl{
	width: 100%;
}

.events dl dd{
	margin: 0 0 40px 0;
	font-size: .85em;
	line-height: 1.4em;
}

.events dl dd h3{
	font-size: 1.6em;
	font-weight: normal;
	color: #333;
	margin: 0 0 .6em 0;
}

.events dl dd p{margin: 1em 0;}

.events .active-el{
	position: absolute;
	top: 94px;
	left: 165px;
	background: transparent url(i/plz.png) no-repeat 0 0;
	height: 39px;
	width: 36px;
	margin: -4px 0 0 2px;
	z-index: 1;
	cursor: pointer;
}

.events dl dd{display: none;}
.events dl.active dd{display: block;}

.events dl.active dt .title .dt{
	color: #333;
	border: 0;
}

.events dl.active dt .date{color: #333;}

.events dl dt{
	position: absolute;
	top: 94px;
	font-size: .7em;
	line-height: 1.2em;
	text-align: center;
	width: 20px;
	margin-left: 10px;
	height: 20px;
	cursor: pointer;
	background: #f1f1f1 url(i/sp.png) no-repeat 50% 50%;
}

.events dl dt .title{
	width: 15em;
	position: absolute;
	top: -2.4em;
	left: -7.5em;
	margin-left: 50%;
}

.events dl dt .title .dt{color: #069;}
.events dl dt:hover .title .dt{color: #c00;}

.events dl dt .date{
	dispaly: block;
	color: #999;
	line-height: 1.2em;
	display: block;
	position: absolute;
	left: -4em;
	width: 8em;
	top: 30px;
	margin-left: 50%;
}

.events dl dt .date big{
	display: block;
	font-size: 3em;
	line-height: 1em;
}

.events dl.ev-1 dt{left: 0;}
.events dl.ev-2 dt{left: 165px;}
.events dl.ev-3 dt{left: 330px;}
.events dl.ev-4 dt{left: 495px;}
.events dl.ev-5 dt{left: 660px;}
.events dl.ev-6 dt{left: 825px;}
.events dl.ev-7 dt{left: 990px;}
.events dl.ev-8 dt{left: 1155px;}
.events dl.ev-9 dt{left: 1320px;}
.events dl.ev-10 dt{left: 1485px;}
.events dl.ev-11 dt{left: 1650px;}
.events dl.ev-12 dt{left: 1815px;}
.events dl.ev-13 dt{left: 1980px;}
.events dl.ev-14 dt{left: 2145px;}
.events dl.ev-15 dt{left: 2310px;}

.ev-preview{
	position: absolute;
	height: 100%;
	width: 35%;
	right: 0;
	top: -18px;
	padding: 18px 0;
	max-width: 800px;
	background: #ccc url(i/1.jpg) no-repeat 50% 50%;
	z-index: 2;
}

.ev-preview span.t{
	position: absolute;
	top: 0;
	left: -47px;
	height: 238px;
	width: 47px;
	background: transparent url(i/glp.shadow.png) no-repeat -62px 0;
}

.ev-preview span.b{
	position: absolute;
	bottom: 0;
	left: -62px;
	height: 359px;
	width: 62px;
	background: transparent url(i/glp.shadow.png) no-repeat 0 0;
}

/*
 * order
 */

.order{
	width: 90%;
	margin: 2em auto 0 7%;
	padding-bottom: 3em;
}

.order h2{
	font-size: 3em;
	line-height: 1em;
	font-weight: normal;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 0 .6em 0;
}

.order h2 .nl{
	display: block;
	font-size: .5em;
	line-height: 1.2em;
	text-align: right;
	color: #d98532;
}

.order .form{
	float: left;
	position: relative;
	width: 38%;
	background: #ededed url(i/header.gr.png) repeat-x 0 50%;
	padding: .6em 1.6em;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.order .form dl{
	overflow: hidden;
	width: 100%;
	font-size: .8em;
	line-height: 1.2em;
	margin: .8em 0;
}

.order .form dl dt{
	float: left;
	width: 8em;
	padding: 4px 0 .3em 0;
	color: #666;
}

.order .form dl.f-button dt,
.order .form dl.f-full dt{
	width: 100%;
	float: none;
}

.order .form dl.f-button dd,
.order .form dl.f-full dd{
	margin: 0;
}

.order .form dl dd{
	margin-left: 9em;
}

.order .form dl dd textarea,
.order .form dl dd select,
.order .form dl dd input.text{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	*width: 90%;
	padding: 4px .6em;
	border: 1px solid #ccc;
	border-bottom-color: #fff;
	border-right-color: #fff;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	background: #fff;
	color: #333;
}

.order .form dl.f-button dd{
	text-align: center;
	padding: 1em 0;
}
.order .form dl.f-button{margin-bottom: 0;}

.order .form dl.f-button input{
	padding: .7em 1.6em;
	color: #666;
	border: 0;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background: #d0d0d0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d0d0d0));
	background: -moz-linear-gradient(top, #fefefe, #d0d0d0);
	background: linear-gradient(top, #fefefe, #d0d0d0);

	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,.2), inset -1px -1px 1px rgba(0,0,0,.1), 0 2px 10px rgba(0,0,0,.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,.2), inset -1px -1px 1px rgba(0,0,0,.1), 0 2px 10px rgba(0,0,0,.1);
	-ms-box-shadow: inset 1px 1px 1px rgba(255,255,255,.2), inset -1px -1px 1px rgba(0,0,0,.1), 0 2px 10px rgba(0,0,0,.1);
	box-shadow: inset 1px 1px 1px rgba(255,255,255,.2), inset -1px -1px 1px rgba(0,0,0,.1), 0 2px 10px rgba(0,0,0,.1);
	cursor: pointer;
}

.order .form dl.f-button input:hover{
	background: #c5c5c5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#c5c5c5));
	background: -moz-linear-gradient(top, #fcfcfc, #c5c5c5);
	background: linear-gradient(top, #fcfcfc, #c5c5c5);
}

.order .form dl.f-button input:active{
	background: #c5c5c5;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fcfcfc));
	background: -moz-linear-gradient(top, #ccc, #fcfcfc);
	background: linear-gradient()top, #ccc, #fcfcfc);
	
	-webkit-box-shadow: inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.1), 0 2px 10px rgba(0,0,0,.1);
	-moz-box-shadow: inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.1), 0 2px 10px rgba(0,0,0,.1);
	-ms-box-shadow: inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.1), 0 2px 10px rgba(0,0,0,.1);
	box-shadow: inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.1), 0 2px 10px rgba(0,0,0,.1);
}

.order .form .fst,
.order .form .fsb{
	width: 22px;
	height: 22px;
	position: absolute;
	top: 0;
	right: -22px;
	background: transparent url(i/fs.png) no-repeat 0 0;
}

.order .form .fsb{
	top: auto;
	bottom: 0;
	background-position: 0 -22px;
}

/*
 * more-f
 */
 
.more-f{
	float: right;
	width: 50%;
}

.more-f h3{
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.1em;
	margin: 1.6em 0 0 0;
}

.more-f .more-cr,
.more-f .more-cl{
	float: left;
	width: 46%;
	padding-right: 6%;
}

.more-f .more-cr{padding-right: 0;}

.more-f h4{
	font-size: .9em;
	line-height: 1.1em;
	font-weight: normal;
	margin: 1.5em 0 .4em 0;
}

.more-f p{
	font-size: .8em;
	line-height: 1.3em;
}