@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	background:#000 ;
	color:#74736a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
}
img {
	border:0;
}
a {
	color:#e8e6d4;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
table {
	border-collapse:collapse;
}
h3{
	font-size:18px;
	margin-bottom:12px;}

h2{
	font-family:"Century Gothic", Tahoma, sans-serif;
	font-size:14px;
		font-weight:normal;
}

	h1{
		font-family:"Times New Roman", Times, serif;
		font-size:30px;
		font-weight:normal;
		margin-bottom:10px;}
		p{
			margin-bottom:18px;
			}
.content{
	margin:0 auto;
	width:1000px;
	position:relative;
	z-index:1;
	min-height:601px;
	height:auto!important;
	height:601px;
	}

.slider a {
	color:#74736a;
}
.bottom a {
	color:#74736a;
}
#header {
	background:url(../media/images/top-bg.jpg) no-repeat 50% 0;
	width:1000px;
	margin:0 auto;
	z-index:2;
}
#header .content{
	height:111px!important;
	min-height:111px;
	z-index:2;
}
#header .content .logo {
	position:absolute;
	top:21px;
	left:29px;
}
#header .content .description {
	position:absolute;
	top:28px;
	right:22px;
	color:#fff;
	font-size:20px;
}
#header .content .menu {
	position:absolute;
	bottom:0;
	right:0;
	height:50px;
	line-height:50px;
	font-size:10px;
	text-transform:uppercase;
	list-style:none;
	padding-right:11px;
	
}
#header .content .menu li {
	float:left;
	padding:0 11px;
	position:relative;
}
#header .content .menu li a {
	text-decoration:none;
}
#header .content .menu li .submenu {
	background:url(../media/images/submenu.png)  no-repeat;
	width:163px;
	position:absolute;
	top:50px;
	left:0;
	list-style:none;
	z-index:2;
	line-height:18px;
	padding:7px 0 17px 14px;
	display:none;
}
#header .content .menu .last .submenu {
	left:auto;
	right:0;
}
#header .content .menu li .submenu li {
	float:none;
	padding:0;
	background:none!important;
}
#header .content .menu li .submenu li a{
	color:#e8e6d4!important;
}
#header .content .menu li .submenu li a:hover{
	text-decoration:underline;
}
#header .content .menu li:hover, #header .content .menu li.hover{
	background:url(../media/images/menu-hover.png) repeat-x;
}
#header .content .menu li:hover a, #header .content .menu li.hover a{
	color:#000;
}
#header .content .menu li:hover .submenu, #header .content .menu li.hover .submenu {
	display:block;
}
.flash{
	position:absolute;
	z-index:1;}
#footer {
	background:url(../media/images/footer.jpg) repeat-x;
	padding:16px 0 0 0;
	color:#939287;
	width:1000px;
	margin:0 auto;
}
#footer table{
	width:916px;
	margin:0 auto 20px auto;
}
#footer table tr td{
	text-align:left;
	vertical-align:top;
}
.content.bottom{
	padding:0 42px 30px 42px;
	width:916px;
	min-height:1px;
	height:auto!important;
	height:1px;
	background:#000;
}

.content.bottom h1{
	font-size:14px;
	font-weight:normal;
	margin-bottom:8px;}
.text-block{
	background:url(../media/images/text-block-bg.png) no-repeat;	_background:none!important;
     filter: progid:dximagetransform.microsoft.alphaimageloader(src='media/images/text-block-bg.png', sizingmethod='crop');
	opacity: 0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* степень прозрачности для ие */
	width:397px;
	height:571px;
	position:relative;
	z-index:2;
	color:#050505;
	font-size:12px;
	padding:30px 130px 0 34px;
	}
.text-block .top{
	height:136px;
	overflow:hidden;
	width:336px;
}
.text-block .yellow{
	height:62px;
	padding:17px 0;
	width: 100%; /* ширина раная ширине родительского блока */
	font-family:"Century Gothic", Tahoma, sans-serif;
	font-size:14px;
	color:#53412c;
}
.text-block .bottom{
	padding-top:25px;
	width:370px;
}
.text-block .bottom .small{
	font-size: 10px;
	}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#aside{
	width:208px;
	height:601px;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	z-index:5;
}
#aside .gallery-slide{
	width:173px;
	height:100%;
	padding:0 0 0 36px;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}
#aside .gallery{
	width:172px;
	height:100%;
	padding:0 0 0 1px;
	overflow:hidden;
	background: url(../media/images/bg-aside.png) repeat;
	_background:none!important;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='media/images/bg-aside.png', sizingmethod='scale');
}

#aside .gallery .hold{
	width:172px;
	height:100%;
	overflow:hidden;
}
#aside .gallery ul{
	margin:0;	padding:0;	list-style:none;
	width:100%;
	overflow:hidden;
}
#aside .gallery ul li{
	width:172px;
	height: 195px;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 5px;
}
#aside .gallery ul li a{
	position:relative;
}
#aside .gallery ul li img{vertical-align:top;width:100%;}
#aside .gallery ul li .ttl{
	display:block;
	line-height:22px;
	font-size:12px;
	color:#11100d;
	font-weight:normal;
	text-align:center;
	background:#d4cfaa;
	margin:0 0 1px;
}
#aside .btn-close{	overflow:hidden;
	width:36px;
	height:122px;
	position:absolute;
	left:0;
	top:456px;
}
#aside .btn-close a{
	display:block;
	overflow:hidden;

	background: url(../media/images/btn-close.png);
	_background:none!important;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='media/images/btn-close.png', sizingmethod='crop');
	width:36px;
	height:122px;
}
#aside .closed .btn-close a{
	background: url(../media/images/btn-close2.png);
	_background:none!important;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='media/images/btn-close2.png', sizingmethod='crop');
}
#aside .btn-prev{
	display:block;	overflow:hidden;		background: url(../media/images/btn-prev.png);
	_background:none!important;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='media/images/btn-prev.png', sizingmethod='crop');
	width:27px;
	height:20px;
	margin:0 auto 5px;
	position:relative;
}
#aside .btn-next{
	display:block;
	overflow:hidden;

	background: url(../media/images/btn-next.png);
	_background:none!important;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='media/images/btn-next.png', sizingmethod='crop');
	width:27px;
	height:20px;
	margin:0 auto;
}
.popup{
	width:948px;
	overflow:hidden;
	position:absolute;
	left:-9999px;
	top:0px;
	z-index:1000;
}
.popup .holder{
	width:905px;
	overflow:hidden;
	background: url(../media/images/bg-aside.png) repeat;
	padding:32px 14px 35px 20px;
	position:relative;
	_background:none!important;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='media/images/bg-aside.png', sizingmethod='scale');
}
.popup h3{
	font: 16px/	18px Arial, Helvetica, sans-serif;
	margin:0 0 30px;
	color:#fff;
}
.popup .row{
	width:900px;
	overflow:hidden;
	padding:0 0 12px;
}
.popup .row ul{
	margin:0;	padding:0;	list-style:none;
	width:100%;
	overflow:hidden;
}
.popup .row ul li{
	float:left;
	padding:0 10px 0 0;
	width:138px;
	height:156px;
	overflow:hidden;
}
.popup .row ul li .ttl{
	display:block;
	font-size:10px;
	text-align:center;
	line-height:18px;
	background:#d7cead;
	color:#000;
	margin:0 0 1px;

}

.popup .row ul li img{
	width: 100%
}

.popup .btn-close{
margin-top:-20px;
margin-right:-20px;
	position:absolute;
	top:40px;
	right:40px;
}
.hold-block{
	width:100%;
	overflow:hidden;
	height:245px;
	margin:0 0 15px;
	position:relative;
}
.hold-block .slider{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
}

.slider-block{
	width:100%;
	overflow:hidden;
	margin:0 0 10px;
}
.slider-block .button{
	margin:0 0 0 80px;
	float:left;
	display:inline;
	color:#000;
	text-decoration:none;
}
.slider-block .button:hover{text-decoration:underline;}
.scrollable {
	height:336px; /* высота контейнера */
	overflow:hidden;
}
.vscroll-bar {
	
}

.vscroll-down , .vscroll-up{
	background:#fff;
}

.vscroll-up{
	border-bottom: 1px solid #333232;
}

.vscroll-down {
	border-top: 1px solid #333232;
}

.hold-block .slider .vscroll-down , .hold-block .slider .vscroll-up{
	background:#74736a;
}

.hold-block .slider .vscroll-up{
	border-bottom: 1px solid #fff;
}

.hold-block .slider .vscroll-down {
	border-top: 1px solid #fff;
}

.vscroll-line { /* свойства контейнера для слайдера */
	background:#333232;
}


.hold-block .slider .vscroll-line { /* свойства слайдера */
	background:#fff;	
}
.vscroll-slider { /* свойства слайдера */
	background:#fff;
}
.hold-block .slider .vscroll-slider { /* свойства слайдера */
	background:#74736a;
}

.scroll-content { /* свойства контейнера для контента */
	padding:5px 0 0;
}
.popup .scroll-content{
	padding:0;
}

  /* Pop-up card and fading background */

  
  .hidden {
    display: none;
  }

  #opaque {
     background-color: #000000;
     left: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE8 */
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
     filter: alpha(opacity=70);/* IE4- */
     moz-opacity: 0; /* Mozilla */
     -khtml-opacity: 0; /* Safari */
     opacity: 0;  /* general CSS3 */
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1010;
   }

  .card_popup {
     background-color: #FFFFFF;
     position: absolute;
     left:50%;
     top:50%;
     z-index: 1011;
  }

  .card_popup 	h3{
	font: 16px/18px Arial, Helvetica, sans-serif;
	margin:0 0 30px;
	color:#fff;
}

  div.card {
	width:800px;
	height:700px;
    background-color: #000000;
    padding:20px;
  }


.pikachoose{width:460px;margin:0 auto auto auto;}
/* This is the ul you have all your images in */
.pikachoose ul{height:180px;padding-left:6px;padding-top:6px;margin:0;overflow:hidden;}
.pikachoose ul li{height:80px;float: left;border:1px solid #555;padding:1px;background:#000;margin:0 6px 6px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_back_img{position:relative;top:0px;max-width:454px;max-height:454px;}
.pika_subdiv{text-align:center;position:relative;background:#000;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('media/images/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('media/images/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('media/images/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('media/images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('media/images/fastf.png') top right no-repeat;}

div.lang { position: absolute; right: 2.0em; top: 0.6em;}
div.lang a { margin-left: 0.6em; }


