@import "reset.css";

	html {
		width: 100%;
	
		font-size: 100.01%;
	}

	body { 
		font: 62.5% Arial, sans-serif;
		color: #000;
		background: url(../img/background.png) center -100px repeat-y #fff;
	}
	
	a {
		color: #1dbed0;
	}
	
	a:hover {
		color: #158b98;
	}
	
/* -----------------[ Raskladka blokov */

	#page {
		/*padding-top: 100px;*/
		width: 1004px;

		margin: auto;
	}

		#content {
			margin-left: 0px;
			margin-top: 3px;

			background: url(../img/content-bg.jpg) no-repeat #fff;
		}
		
		#content.index {
			background: url(../img/content-bg-index1.jpg) no-repeat #fff;;
			
		}
			
		#footer {

		}
			
/* ---------------- [ Elementy stranitsy (colors, fonts, elements padding) */

	#page {
		font-size: 1.1em;
	}
	
		#logo {
			padding-top: 15px;
			margin-left: 400px;
		}
		
		#content {

		}
			
			#blue-lines {
				position: absolute;
			}		
		
			.blue-line {
				position: absolute;
			
				height: 174px;
				width: 7px;
				
				margin-left: 1004px;
				margin-top: -174px;
				
				background: url(../img/blue-line.png) 100% 0 no-repeat;
			}
			
			.blue-line.right {
				margin-top: 300px;
			}
			
			.blue-line.left {
				margin-top: 92px;
				margin-left: -7px;
			}
			
			.blue-line.index {
				margin-left: 1004px;
				margin-top: -137px;
			}
			
			@media all and (min-width:0px) {
				head~body .blue-line.index { margin-top: -137px; }
			}
		
			body:first-of-type .blue-line.index {
				margin-top: -134px;
			}
			
			#top-button {
				padding-top: 7px;
				margin-left: 56px;
				
				padding-bottom: 62px;
			}
			
			#top-button.index {
				padding-bottom: 0px;
			}
			
			#flash-content {
				margin-top: 4px;
				
				height: 437px;
			}
			
			.clear {
			  clear:both;
			  line-height:0;
			
			}
			
		/* menus 							*/
			
			.menu a {
				text-decoration: none;
				
				color: #fff;
			}
			
			.menu a:hover {
				color: #bababa;
			}
			
			#menu-main {
				margin-top: 4px;
				margin-left: 46px;
				line-height: 26px;
			}
			
				#menu-main li {
					float: left;
					
				}
				
				#menu-main li a {
				   	margin:0 15px 0 15px;
				    color: #fff;
					display:block;
					float:left;
				}
				
					#menu-main li img {
					margin-top:2px;
					
					}
				
				#menu-main li a:hover {
				color: #bababa;
			}
				
				#menu-main li img {
				
				
				}
				
			#main-menu-sub {
				position: absolute;
				
				margin-left: 510px;
				margin-top: 18px;
				
				border-top: 5px solid #3c9eab;
				background: #4bc6d6;
				
				color: #3c9eab;
			}
			
			body:first-of-type #main-menu-sub { 
				margin-top: 23px;
			}
			
				#main-menu-sub li {
					float: left;
					
					padding: 8px;
					padding-left: 10px;
					padding-right: 12px;
					
					background: url(../img/submenu-div.png) 100% 8px no-repeat;
				}
				
				#main-menu-sub li.last {
					background: none;
				}
				
				#main-menu-sub li a {
					text-decoration: none;
					color: #000;
				}
				
				#main-menu-sub li a:hover {
					text-decoration: underline;
				}
				
			#menu-second {
				clear: both;
				
				margin-left: 45px;
				padding-top: 16px;
			}
			
				#menu-second li {
					float: left;
					
					margin-right: 60px;
				}
				
				#menu-second li.current {
					height: 45px;
				
					background: url(../img/current-cat.png) 50% 100% no-repeat;
				}
				
				body:first-of-type #menu-second li.current { 
					height: 48px;
				}
				
				@media all and (min-width:0px) {
					head~body #menu-second li.current { height: 50px; background-position: 50% 36px; }
				}

				#menu-second .menu-hint a {
						color: #4bc6d6;
					}
					
					#menu-second .menu-hint a:hover {
						color: #399daa;
					}
					
				#menu-second .over p a {
					color: #bababa;
				}
					
				#menu-second .over .menu-hint a {
					color: #399daa;
				}
		/* /menu						*/
		
		/* main content [content-inner] */

		#content-inner {
			clear: both;
	
			padding-top: 35px;
			
			font-size: 1.2em;
		}
		
			#main {
				float: left;
				padding-left: 40px;
				padding-right: 30px;
				
				margin-bottom: 30px;
			
				width: 677px;
			}
			
			#main h3 {
				text-transform:uppercase;
				font-size:15px;
				color:#1DBED0;
				font-weight:100;
				margin-bottom: 10px;
			}

			
			#full_text{width:160%; margin-left:-65%;}
				
				#content-inner h2 {
					float: left;
					font-size: 1.8em;
					font-weight: normal;
					color: #545454;
				}
				
				#content-inner #extra h2 {
					float: left;
					font-size: 11px;
					font-weight: bold;
					color:#1DBED0;
					text-transform:uppercase;
					margin-top:5px;
				}
			
				#content-inner .title-desc {
					float: left;
					
					padding-left: 15px;
					padding-top: 10px;
					
					color: #1dbed0;
				}
				
				@media all and (min-width:0px) {
					head~body #content-inner .title-desc { padding-top: 8px; }
				}
				
				#main .desc {
					clear: both;
									
					padding-top: 15px;
				}
								
					.desc .desc-img {
						float: left;
											
						margin-right: 20px;
						margin-bottom: 20px;
					}
						
						.desc .desc-img img {
							margin-bottom: 20px;
						}
					
					.desc .desc-rel-date span {
						color: #7d7d7d;
						
						font-size: 0.9em;
					}
					
					.desc .desc-text {
						padding-left: 290px;
						
						margin-bottom: 30px;
					}
					
					.desc .desc-text.more {
						padding-left: 0;
					}
					
						.desc .desc-text p {
							margin-bottom: 20px;
						}
						
						.desc .desc-more {
							margin-left: 170px;
							padding-top: 15px;							
							background: url(../img/more.png) 80px no-repeat;
						}
						
						.desc .desc-fewer {
							margin-left: 0;
							padding-top: 15px;
							background: url(../img/more.png) 130px no-repeat;
						}
				
				#main .video {
					clear: both;
				
					padding-top: 15px;
				}
						
					.video {
						 
					}
					
						.video #video-content {
							float: left;
					
							width: 482px;
						
							margin-right: 20px;
						}
						
						.content-submenu{
							color: #bdbdbd;
							font-size: 0.8em;
						}
						
							p.content-submenu {
								color: #1ebbd0;
								margin-bottom: 5px;
							}
						
							.content-submenu li {
								margin-bottom: 5px;
							}
							
								.content-submenu li a {
									color: #000;
								}
								
								.content-submenu li a:hover {
									color: #333;
								}
						
						#gallery {
							clear: both;
							
							margin-left: -10px;
							padding-top: 30px;
							margin-bottom: 30px;
						}
						
							#gallery tr {
								height: 110px;
							}
							
							#gallery td {
								width: 110px;
								background: #f7f7f7;
								
								text-align: center;
							}
						
						#video-links {
							clear: both;
						
							padding-top: 5px;
							padding-bottom: 15px;
						}
						
							#download-trailer {
								float: left;
							
								padding-top: 10px;
								padding-right: 30px;
								padding-bottom: 25px;
								
								background: url(../img/down-trailer.png) 110px 0 no-repeat;
							}
							
							#project-info {
								float: left;
								
								margin-left: 325px;
								
								padding-top: 10px;
								padding-right: 50px;
								padding-bottom: 25px;
								
								background: url(../img/project-info.png) 130px 0 no-repeat;
							}
							
							#project-info.gallery {
								margin-left: 460px;
							}
						
				#people {
					clear: both;
				
					padding-bottom: 30px;
				}
				
					#filmed-by {
						float: left;
						
						padding-right: 10px;
						width: 293px;	
					}
					
						#filmed-by li {
							margin-bottom: 20px;
						
							font-size: 0.9em;
							color: #a4a4a4;
						}
						
							#filmed-by li a {
								color: #000;
							
								font-size: 1.1em;
							}
							
							#filmed-by li a:hover {
								color: #333;
							}

				#played-by {
					float: left;
				}
					
				#actors {
					padding-left: 460px;
				}
				
					#actors li {
						margin-bottom: 5px;
					}
						
						#actors li a {
							color: #000;
						}
						
						#actors li a:hover {
							color: #333;
						}
				
					#actors p {
						padding-top: 15px;
							
						background: url(../img/all-actors.png) 80px no-repeat;
					}
				
				
.all-actors{width:217px; 		
							padding-top: 15px;							
							background: url(../img/more.png) 80px no-repeat;}
				
				#materials {
					clear: both;
					
					font-size: 0.9em;
				}
				
					#materials li {
						float: left;
						margin-right: 25px;
					}
					
						#materials li a {
							color: #585858;
							font-size: 0.9em;
						}
						
						#materials li a:hover {
							color: #303030;
							font-size: 0.9em;
						}
						
				.with-grad-bg {
					padding-top: 35px;
					
					background: url(../img/grad.png) no-repeat;
				}		

			#extra {
				float: left;
			
				width: 256px;	
			}
					
				#extra ul {
					clear: both;
				
					padding-top: 12px;
					margin-bottom: 40px;
				}
				
				#extra li {
					/*margin-bottom: 10px;*/
				}
				
					#extra li {
						color: #bdbdbd;
					}
				
					#extra li a {
						font-size:11px;
						color:#000;
						line-height:19px;
						text-decoration:none;
					}
					
					#extra li a:hover {
						color: #a2a2a2;					
					}
		
		/* /main-content */
		
		#bnrs {
			clear: both;			
			
			margin-top: 0;
			padding-top: 11px;
			
			border-top: 28px solid #000;
			
			color: #666;
			

			background: #fff;
		}
		
			#b-left {
				float: left;
			
				width: 333px;
				height: 126px;

				padding-left: 40px;
				padding-right: 40px;
				padding-top: 21px;
				
				background: #fff;
			}
			
				#b-left p {
					padding-top: 25px;
				}
				
				#b-left img {
					float: left;
					
					margin-right: 10px;
				}
			
			#b-right {
				float: left;
				
				width: 550px;
				height: 132px;
				
				padding-top: 15px;
				padding-left: 40px;
				
				background: #fff;
			}
			
				#b-right li {
					margin-top: -48px;
								
					padding-top: 15px;
					padding-left: 25px;
				
					float: left;
					
					width: 220px;
					
					padding-right: 20px;
					
					background: #fff;	
				}
		
		/* /banners */

		#index-bnrs {
			clear: both;			
						
			color: #666;		
		}
		
		#index-bnrs .white-wrapper{
			background-color: #fff;
			padding-top: 11px;
		}
		
			#index-b-left {
				float: left;
			
				width: 333px;
				height: 127px;

				padding-left: 40px;
				padding-right: 40px;
				padding-top: 21px;
												
				background: #fff;
			}
			
				#index-b-left p {
					padding-top: 25px;
				}
				
				#index-b-left img {
					float: left;
					
					margin-right: 10px;
				}
			
			#index-b-right {
				float: left;
				
				width: 528px;
				height: 162px;
				
				padding-top: 10px;
				padding-left: 41px;
				
				margin-left: 1px;
				margin-top: -24px;		
												
				background: #fff;
			}
			
				#index-b-right li {
					float: left;
					
					width: 230px;
					
					padding-right: 20px;
				}
		
		/* /banners */

		#footer {
			background: #fff;
		}
				
			#films {
				clear: both;
	
				width: 912px;
	
				margin-left: 46px;
				padding-bottom: 5px;
			
				text-align: center;
				color: #b2b2b2;
				
				border-bottom: 1px solid #b2b2b2;
			}
				
				#films a {
					color: #b2b2b2;
					text-decoration: none;
				}
				
				#films a:hover {
					color: #555;
				}
			
			#copyright {
				clear: both;
			
				margin: auto;
				margin-top: 5px;
				
				width: 90%;
				
				border-top: 1px solid #ddd;
				
				text-align: center;
				color: #7f7f7f;
				
	
			}
			
			#copyright a {
				color: #7f7f7f;
			}
			
			#copyright a:hover {
				color: #9f9f9f;
			}
			
				#copyright span {
					margin-left: 30px;
				}
				
					#copyright span img {
						vertical-align: -10px;
					}

		#roundy {
			 clear: both;
			 background: url(../img/footer-bg.png) 0 100% no-repeat;
			 background-color: none;
			 height: 29px;
			 
			 margin-bottom: 50px;
			 
		}
		
		.rubber {
			clear: both;
			
			height: 20px;
		}
		
		.about-projects {
		height:112px;
		background-image:url(../img/proj-separ.gif);
		background-repeat:repeat-x;
		background-position:left bottom;
		}
		
		
		.project-one {
		display:block;
		float:left;
		margin: 0 20px 0 62px;
		}
		
		.project-one a {
		text-decoration:none;
		
		}
		
		 .project-one ul {
		 margin:10px 0 0 64px;
		 
		 }
		
		.project-one h3 {
		text-transform:uppercase;
		font-size:11px;
		color:#1DBED0;
		font-weight:bold;
		}
			
		
	    .project-one li a 	{
		color:#000;
		line-height:19px;
		
		}
		
		.project-one li a:hover 	{
		color:#a2a2a2;
		
		}
		
		.info-blocks {
		  margin:24px 0 10px 62px;
		}
		
		.info-blocks  div { 
		  display:block;
		  float:left;
		  height:100px;
		  
		}
		
		
		.info-blocks .inf-about  .date {
		float:left;
		display:block;
		color:#1DBED0;
		
		}
		
		.info-blocks .inf-about  .date  a {
		color:#1DBED0;
		text-decoration:none;
		
		}
		
		.info-blocks .inf-about  .text {
		float:left;
		display:block;
		width:220px;
		padding-left:15px; 
		}
		
		.info-blocks   .more {
		 display:block;
		 margin-top:10px;
		 color:#A2A2A2;
		 text-decoration:none;
		
		}
		
		.more-news {

		 margin: 5px 0 0 0;
		 display: block;

		 
		}
		
		.more-news a {
			color:#A2A2A2;
		 text-decoration:none;
		}
		
		.info-blocks .kobura-logo {
		 margin-left:100px;
		
		}
		
		.info-blocks .kobura-about {
		 margin-left:100px;
		 width:228px;
		
		}
		
		/*english-page*/
	#leftbar h2 {
      color:#545454;
      font-size:1.8em;
      font-weight:normal;
	  float:left;


}	

#leftbar {
    float:left;
	width:256px;
}

#leftbar .contact-eng {
  display:block;
  padding-top:15px;
  clear:both;

}	

#leftbar .contact-eng  p {
   margin-bottom:20px;

}