@charset "windows-1251";
/* CSS Document */

* {margin: 0; padding: 0;}
:focus{	outline: 0;}

body {background: #fff; color: #333; font-family: Tahoma, Geneva, sans-serif;}
	#container_head {background: url(img/head_bg.png) repeat-x;  height: 685px; //height: 735px;}
		#content {width: 1000px; margin: 0 auto; }
			#topmenu { padding: 55px; padding-top: 10px}
				#topmenu-leftside {background: url(img/topmenu-leftside.gif) no-repeat left; width: 30px; height: 43px; float:left;}
				#topmenu-center {background: url(img/topmenu-center.gif) repeat-x; height: 43px; display: inline-block; float:left; padding-left: 30px}
					#topmenu-center ul {list-style-type: none; width: 800px; margin-top: 0px}
						#topmenu-center ul li {display: inline; margin: 0 7px;}
							#topmenu-center ul li a {font-size: 16px; text-decoration:underline;}
				#topmenu-rightside {background: url(img/topmenu-rightside.gif) no-repeat right; width: 30px; height: 43px;float:left;}
			#zeppeline { background: url(img/zeppeline.png) no-repeat; width: 350px; height: 217px; margin: 0px auto; //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/index/img/zeppeline.png', sizingMethod='image'); //background: none; margin-top: -30px;}
			#programms {list-style-type: none; margin: -70px 0px 0px 35px; width: 950px;}
				#programms li {display: inline; margin-right: 3%; white-space: nowrap;  }
					#programms li a { text-decoration:none; color: #0b3f6c; padding:7px 8px 0 8px; border-bottom: 1px dashed #0b3f6c;}
					#programms li img { margin-left:10px;}
					#programms li a.active1 {background:url(img/active-bg1.gif) no-repeat; width: 137px; height: 33px; padding:7px 8px 7px 8px; border:none;}
					#programms li a.active2 {background:url(img/active-bg2.gif) no-repeat; width: 137px; height: 33px; padding:7px 8px 7px 8px; border:none;}
					#programms li a.active4 {background:url(img/active-bg4.gif) no-repeat; width: 137px; height: 33px; padding:7px 8px 7px 8px; border:none;}
					#subtour { background: url(img/subprog4.gif) no-repeat; width: 157px; height: 140px; position: absolute; margin: -50px 0px 0px 790px; z-index:20; padding:11px 8px 0 7px; display: none; //margin: -5px 0 0 -5px;}
					#subwt { background: url(img/subprog1.gif) no-repeat; width: 175px; height: 100px; position: absolute; margin: -50px 0px 0px -7px; z-index:20; padding:11px 8px 0 7px; display: none; //margin: -5px 0 0 -5px;}
					#subec { background: url(img/subprog3.gif) no-repeat; width: 165px; height: 140px; position: absolute; margin: -50px 0px 0px 609px; z-index:20; padding:11px 8px 0 7px; display: none; //margin: -5px 0 0 -5px;}
					#subct { background: url(img/subprog3.gif) no-repeat; width: 165px; height: 140px; position: absolute; margin: -50px 0px 0px 167px; z-index:20; padding:11px 8px 0 7px; display: none; //margin: -5px 0 0 -5px;}
					
						#programms li #subtour a, #programms li #subwt a, #programms li #subct a, #programms li #subec a { border:none; text-decoration:underline;}
					#programms li ul.submenu { margin-top: 10px;}
						#programms li ul.submenu li { display:block; margin-bottom: 5px; //width: 200px}
							#programms li ul.submenu li a { font: 12px Tahoma, Geneva, sans-serif; border: none; text-decoration:underline; }
				#programms li.right-col { margin-left: 270px;}
			
			#work-travel { background: url(img/work-travel-il.gif) no-repeat bottom; width: 364px; height: 391px; margin: 85px auto; position:relative; z-index: 100; //margin: 80px auto;}
			#englsh-classes { background: url(img/english-classes-il.gif) no-repeat bottom; width: 305px; height: 495px; margin: -16px auto; position:relative; z-index: 100; }
			#career-training { background: url(img/career-training-il.gif) no-repeat bottom; width: 261px; height: 447px; margin: 28px auto; position:relative; z-index: 100; }
			#tour { background: url(img/tour-il.gif) no-repeat bottom; width: 147px; height: 409px; margin: 67px auto; position:relative; z-index: 100; }
			
			#city {background: url(img/city-bg.png) no-repeat; width: 1000px; height: 374px; //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/index/img/city-bg.png', sizingMethod='image'); //background: none; position:absolute; margin-top: 111px; z-index: 0;  //margin-top: 155px;}
			.arrows-cont { position:absolute; margin-top: 350px; //display: none}
				.arrows { cursor: pointer; display: inline-block; position:relative; z-index: 20;//display: none}
				.arrow-left { background: url(img/left-arrow.gif) no-repeat; width: 48px; height: 40px; margin-left: 80px;//display: none}
				.arrow-right { background: url(img/right-arrow.gif) no-repeat; width: 48px; height: 40px; margin-right: 80px; margin-left: 740px;//display: none}
			#arr-ct, #arr-tour, #arr-ec { display: none;}
			#ct-name {background: url(img/career-training.gif) no-repeat; width: 197px; height: 96px; position:absolute; margin: 70px 0px 0px 150px; //margin: 70px 0px 0px 150px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
			#wt-name {background: url(img/work-travel.gif) no-repeat; width: 175px; height: 77px; position:absolute; margin: 70px 0px 0px 150px; //margin: 70px 0px 0px 150px;}
			#tour-name {background: url(img/tour.gif) no-repeat; width: 202px; height: 70px; position:absolute; margin: 70px 0px 0px 150px; //margin: 70px 0px 0px 150px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
			#ec-name {background: url(img/english-classes.gif) no-repeat; width: 168px; height: 86px; position:absolute; margin: 70px 0px 0px 150px; //margin: 70px 0px 0px 150px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
			
			.but-down {background: url(img/button.gif) no-repeat; width: 194px; height: 43px; padding: 10px 0 0 40px; font-size: 18px; margin-top: 90px; position:absolute; margin-left: 700px; z-index:9}
			#but-wt { z-index:10;}
	#separateline { height: 2px; background: #fff;}
	#container_foot { background-color: #444e63; position:absolute; width:100%; //margin-top: -44px;}
		#tv {background: url(img/tv.gif) no-repeat; width: 170px; height: 350px; margin-left: 80px; //margin-left: 30px; float:left; padding-right: 20px;}
		.content-foot { background: none; padding-top: 50px; color: #fff; width: 1000px; margin: 0 auto; position: relative; z-index: 50;}
			.content-foot a { color: #fff;}
			.news { float:left; }
				.news table, .content-foot dl a {color: #fff;}
				.news table { float: right; //float: none}
				.news table {width: 350px; line-height: 1.5;}
					.news td.news-date, .content-foot dl dd { margin-right: 20px;}
					.news td.news-date { font-size: 12px; font-style:italic; padding-top: 5px; padding-right: 20px;}
						.news table td img { margin-left: -20px;}
			.pers { float:right;}
				#personazh { background: url(img/personazh.gif) no-repeat; width: 362px; height: 273px;}
				.pers dl dt { float: left;}
				.pers dl dt img { margin: 0 20px 0 80px;}
				dl dt { margin-top: 3px;}
				.pers img { margin-right: 20px;}
			.dashed-line { border-bottom: 1px dashed #fff;}
			#copy { font-size:12px; padding-left: 80px;} 
			.id { font-size: 12px; margin-right: 80px; width: 250px;}
a {color: #0b3f6c; text-decoration:underline;}

#container {overflow: hidden; position: absolute; //position: relative; left:0; width:100%; height:100%; margin-top: 10px;}
div#block1, div#block2, div#block3, div#block4, div#block5, div#block6{
	position: absolute;
	width: 100%;
	height:100%; //position: relative; 
}
div#block1{left:0; //top: 58px;}
div#block2{left:100%; //top: 53px; //position:absolute}
div#block3{left:200%; //top: 54px; //position:absolute}
div#block4{left:300%; //top: 54px; //position:absolute}