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

body { background:#9d8b69; padding:14px 0 0 0;}

a { color:#d3b88a; font-size:inherit;}
a:hover { color:#605440;}

p, strong, em { font-size:16px; color:#9d8b69; line-height:24px;} 
p { margin:0 75px 15px 15px;}
p.contacts { font-size:14px; line-height:20px;}

h1 { margin:0 0 0 15px; font-size:22px; font-weight:bold; color:#9d8b69; line-height:24px;}

em { font-style:italic;}

div.clr { clear:both;}

div#base { width:100%; margin:0 auto; position:relative; background:#FFFFFF; text-align:center; padding:6px 0 0 0;}

div#footer { width:870px; margin:10px auto; position:relative; text-align:center; padding:6px 0 80px 0; position:relative; text-align:left;}
div#footer span { letter-spacing:0.4ex; font-size:12px; color:#d3b88a; display:inline-block; top:0;}
div#footer span.cinfo { position:absolute; left:40px;}
div#footer span.icon { width:20px; height:17px; background:url(../i/basteja_pasaza_icon_dark.png) center no-repeat; position:absolute; left:0;}
div#footer span.cr { position:absolute; right:5px;}

div.canvas { width:980px; margin:0 auto; position:relative; z-index:3; padding-bottom:30px;}
div.lang { position:absolute; right:0; top:5px;}
div.lang a { font-size:13px;}

div.thl { width:100%; height:4px; position:absolute; top:2px; left:0; background:#9d8b69; z-index:2;}
div.bhl { width:100%; height:4px; position:absolute; bottom:2px; left:0; background:#9d8b69; z-index:2;}
div.tbhl { width:100%; height:1px; position:absolute; top:68px; left:0; background:#000000; z-index:2;}

div.header { width:100%; height:120px; position:relative;}

div.lang { position:absolute; right:0; top:5px;}
div.lang a {  margin:0 5px;}
div.lang a.act { color:#9d8b69;}

a.home { width:35px; height:31px; display:block; position:absolute; top:47px; left:0px; background:url(../i/basteja_pasaza_icon_light.png) center no-repeat #FFFFFF;}

a.logo { width:320px; height:55px; display:block; position:absolute; top:33px; left:35px; background:url(../i/basteja_pasaza_logo.png) center right no-repeat #FFFFFF;}

div.menu { width:565px; text-align:center; position:absolute; top:53px; right:60px; background:#ffffff; letter-spacing:0.4ex;}
div.menu a { color:#d3b88a; font-size:14px; letter-spacing:0.4ex; font-weight:bold; margin:0 7px; text-transform:uppercase;}
div.menu a.act { color:#9d8b69;}
div.menu a:hover { color:#9d8b69;}

div.content { width:100%;}

div.container { position:relative; margin:0 auto; width:860px; padding:0 0 10px 0;}
div.container div.tstr { width:100%; height:2px; position:absolute; top:0; left:0px; background:url(../i/bg_dotline.png) repeat-x;}
div.container div.bstr { width:100%; height:2px; position:absolute; bottom:0; left:0px; background:url(../i/bg_dotline.png) repeat-x;}

div.container > table { width:900px; margin-bottom:0px;}
div.container > table td {}
div.container > table td.pict { width:450px; text-align:left;}
div.container > table td.pict div.frame { float:left;}
div.container > table td.split { width:45px; vertical-align:top;}
div.container > table td.split div.split { width:45px; height:155px; background:url(../i/icon_dark_left.gif) center 15px no-repeat;}
div.container > table td.info { width:405px; vertical-align:top;}

.frame a.fancy-youtube {display: block; width: 100%; height: 323px; padding-bottom: 20px; position: relative;}
.frame a.fancy-youtube .youtube-thumb { margin:10px 30px; width: 100%; width: 403px; height: 323px; opacity: .4; position: relative; z-index: 1; }
.frame a.fancy-youtube:hover .youtube-thumb { 
	opacity: 1;  
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.frame a.fancy-youtube .span { position: absolute; top: 11px; left: 30px; right: 31px; bottom: 8px; background-color: #605440; z-index: 0; }
.frame a.fancy-youtube .dot-arrow { width: 64px; height: 64px; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; }

div.container > table td.fppict div.frame { float:right;}
div.container > table td.fpsplit { width:45px; vertical-align:top;}
div.container > table td.fpsplit div.split { width:45px; height:155px; background:url(../i/icon_dark_left.gif) center no-repeat;}
div.container > table td.fpinfo { width:405px; vertical-align:top;}

div.gallery { width:168px; float:left;}
div.gallery div.top { width:168px; height:19px; background:url(../i/tframe-top.png) center no-repeat;}
div.gallery div.mid { width:168px; background:url(../i/tframe-mid.png) repeat-y;}
div.gallery div.mid img { margin:0 0 0 19px;}
div.gallery div.bot { width:168px; background:url(../i/tframe-bot.png) center top no-repeat; position:relative; min-height: 16px;}
div.gallery div.bot a { color:#030000; margin:30px 15px 20px 25px; display:inline-block; font-size:14px;}
div.gallery div.bot a:hover { color:#9d8b69;}
div.gallery a.fancy-youtube {
	display: block;
	width: 130px;
	height: 130px;
	background-size: cover;
	background-position: center;
	margin-left: 19px;
	position: relative;
}

div.gallery a.fancy-youtube img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.gallery a.fancy-youtube .span {
	width: 100%;
	height: 100%;
	background: rgba(96, 84, 64, 1);
	opacity: .6
}

div.gallery a.fancy-youtube:hover .span {
	opacity: 0;  
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

div.sgallery { width:147px; float:left;}
div.sgallery div.top { width:147px; height:19px; background:url(../i/stframe-top.png) center no-repeat;}
div.sgallery div.mid { width:147px; background:url(../i/stframe-mid.png) repeat-y;}
div.sgallery div.mid img { margin:0 0 0 19px;}
div.sgallery div.bot { width:147px; background:url(../i/stframe-bot.png) center top no-repeat; position:relative;}
div.sgallery div.bot a { color:#030000; margin:15px 15px 20px 30px; display:inline-block; font-size:14px;}
div.sgallery div.bot a:hover { color:#9d8b69;}

div.frame { width:464px; margin-bottom:20px;}
div.frame div.top { width:464px; height:22px; background:url(../i/frame-top.png) center no-repeat;}
div.frame .mid { width:464px; background:url(../i/frame-mid.png) repeat-y;}
div.frame div.mid img { margin:10px 30px;}
div.frame div.bot { width:464px; height:42px; background:url(../i/frame-bot.png) center top no-repeat; position:relative;}

div.bord { border-left:1px solid #000000; margin:12px 0 0 0;}

.fancybox-thumb span,
.shop-img { width: 130px; height: 130px; top: 1px; display: block; left: 20px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }

.shop-img { width: 109px; height: 109px; left: 19px; top:0; }

div.nav { height:20px; position:absolute; right:11px; top:22px;}
div.nav a { display:inline-block; float:left;}
div.nav a.nmb { width:19px; height:20px; background:url(../i/bg_item.png) -1px 0px no-repeat; text-align:center; color:#FFFFFF; font-size:13px;}
div.nav a.nmb:hover { background:url(../i/bg_item_a.png) -1px 0px no-repeat;}
div.nav a.act { background:url(../i/bg_item_a.png) -1px 0px no-repeat;}
div.nav a.bck { width:10px; height:20px; background:url(../i/icon_light_left.gif) center no-repeat; margin-right:3px;}
div.nav a.fwd { width:10px; height:20px; background:url(../i/icon_light_right.gif) center no-repeat; margin-left:3px;}

div.clogos { position:relative; margin:0 auto; width:890px;}
div.clogos div.tstr { width:850px; height:2px; position:absolute; top:0; left:20px; background:url(../i/bg_dotline.png) repeat-x;}
div.clogos div.bstr { width:850px; height:2px; position:absolute; bottom:0; left:20px; background:url(../i/bg_dotline.png) repeat-x;}
div.clogos div.logos { text-align:center;}
div.clogos img { margin:10px 17px;}
div.clogos a.bck { width:20px; height:109px; background:url(../i/icon_dark_left.gif) center no-repeat; display:inline-block; position:absolute; left:0; top:0;}
div.clogos a.fwd { width:20px; height:109px; background:url(../i/icon_dark_right.gif) center no-repeat; display:inline-block; position:absolute; right:0; top:0;}