/*!
* doccc.dev@gmail.com
* common.css
*/

@charset "utf-8";
@import "default.css";


html { background-color: #FFFFFF; height:100%; overflow-x:hidden;}
body { min-height:100%;}

img[align="right"] { float:right; margin:0 10px 0 0;}
img[align="left"] { float:left; margin:0 0 0 10px;}

.wrapper { width:960px; clear:both; margin:0 auto; position:relative;}

.header { height:40px; z-index:10;}
.logo { position:absolute; left:0; top:11px;}

.lang { position:absolute; right:0; top:12px;}
.lang li { float:left; padding:0 0 0 10px; margin:0; background:none;}
.lang a { color: #999999; text-decoration: none; height:17px; line-height:17px; display:block; padding:0 6px; float:left;}
.lang a.active{
    font-weight: bold;
    color: #ffffff;
    border-radius: 3px;
    background-color: #606060;
    padding: 0 5px;
    cursor:default;
} 
/*.lang a.active {  background:#FFF; color:#000; text-decoration:none; border-radius:3px;}*/
.menu-link {
    color: #888787;
    text-decoration:none;
    display:block;
    background:url(../images/menu_ico.png) no-repeat 0 0;
    height:31px;
    line-height:29px;
    position:absolute;
    left:215px;
    top:5px;
    padding:0 0 0 41px;
}
.menu-link:hover { text-decoration:underline;}


.menu { display:none; z-index:10000; background:#fff; border-radius:15px; width:861px; position:absolute; left:0; top:0; box-shadow:0 0 40px rgba(0,0,0,0.6); color:#000;}
.menu a { color:#000;}

.sub_menu { display:none; z-index:999; background:#fff; border-radius:15px; width:861px; position:absolute; left:0; top:0; box-shadow:0 0 40px rgba(0,0,0,0.6); color:#000;}
.sub_menu a { color:#000;}

.menu-nav { cursor:pointer; position:absolute; left:0; top:-41px; left:152px; width:58px; height:41px; background:url(../images/menu_nav.png) no-repeat 0 0;}
.menu-history { color:#999; height:31px; line-height:29px; position:absolute; top:-39px; left:206px;}

.menu-padding { padding:50px 50px 50px 50px; overflow: hidden;}

.menu-column__right { float:right; border-left:1px #e5e5e5 solid; width:160px; padding:0 0 0 49px; z-index: 10;}

.menu-column__left { width:500px; position:relative;}

.menu-list { list-style:none; padding:0 0 40px 0; margin:0; position:relative; height:160px;}
.menu-list li { float:left; width:160px; height:160px; background:none; padding:0; padding:0 0 0 10px;}
.menu-list li > a { display:block; width:160px; height:160px; position:relative;}
.menu-list li.first { padding-left:0;}
.menu-list.last { padding-bottom:0;}

.menu-list .menu-list__title { font-size:18px; position:absolute; left:0; top:-21px; float:left; margin:0;}

.menu-list.hover { opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

.menu-nav__next { position:absolute; right:-25px; top:0; height:100%; width:25px; background:url(../images/next.png) no-repeat center;}
.menu-nav__prev { position:absolute; left:-25px; top:0; height:100%; width:25px; background:url(../images/prev.png) no-repeat center;}

.menu-nav__next:hover, .menu-nav__prev:hover { background-color:#f7f7f7;}


.footer { 
    color: #737373;
    line-height: 50px;
}
.footer-links { float:right; position: relative;}
.footer-links a {
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin:0 0 0 5px;
	width:33px;
	height:33px;
	background: url(../images/footer_links.png) no-repeat 0 -101px;}

.footer-links a.fooler-links__a1 { background-position: 0 -101px;}
.footer-links a.fooler-links__a2 { background-position: -41px -101px;}
.footer-links a.fooler-links__a3 { background-position: -82px -101px;}
.footer-links a.fooler-links__a4 { background-position: -122px -101px;}

.footer-links a.fooler-links__a1:hover { background-position: 0 -51px;}
.footer-links a.fooler-links__a2:hover { background-position: -41px -51px;}
.footer-links a.fooler-links__a3:hover { background-position: -82px -51px;}
.footer-links a.fooler-links__a4:hover { background-position: -122px -51px;}

.footer-links a.fooler-links__a1:active { background-position: 0 0px;}
.footer-links a.fooler-links__a2:active { background-position: -41px 0px;}
.footer-links a.fooler-links__a3:active { background-position: -82px 0px;}
.footer-links a.fooler-links__a4:active { background-position: -122px 0px;}

.footer-links a.fooler-links__a1.active { background-position: 0 -51px;}
.footer-links a.fooler-links__a1.active:active { background-position: 0 0px;}

.footer_telefon { 
	position: absolute;
	top:-40px;
	left:-59px;
	display: none;
}
.footerlnk a.footer_mail { 
	color: black;
    float: none;
    left: -21px;
    margin: 0;
    min-height: 52px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: -49px;
    display: none;
}

.content { }
.content-padding { }

.catalog { position:relative;}

.catalog-header {
	overflow: hidden;
    height:31px;
    background-color: rgba(204, 204, 204, 0.6);
     /*background:url(../images/catalog_header.png) repeat;*/
    }
.catalog-header__nav { float:left; line-height:31px;}
.catalog-header__nav li { float:left; margin:0; background:none; padding:0 5px;}
.catalog-header__nav a { color:#999; text-decoration:none; padding:0 4px;}
.catalog-header__nav a:hover { color:#FFF;}
.catalog-header__nav a.active { color:#FFF; cursor:default;}

.catalog-canvas {
	height: 540px;
    /*margin-bottom: 150px;*/
    overflow: hidden;
    width: 100%;}
.catalog-canvas table { position:relative;}
.catalog-canvas img { border-left:1px #000 solid;}
.catalog-canvas a {
    display:block;
    width:320px;
    height:502px;
    position: relative;

    /*margin:0 0 150px 0;*/
}

.catalog-canvas > table {
	min-width: 100%;
	background: #000;
}

.catalog-canvas a span { color: #737373; position:absolute; left:0; width:100%; top:508px; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.catalog-canvas a img { opacity:0.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);}
.catalog-canvas td:first-child img { border-left:0; width:320px;}

.catalog .menu-nav__next , .catalog .menu-nav__prev { height:502px; top:31px;}

.catalog .menu-nav__next.nactive , .catalog .menu-nav__prev.nactive { cursor:default; background-color:transparent !important; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

.column-left { 
    float: left;
    width: 215px;
}
.column-header { height:90px; clear:both;}

.column-nav { padding:0; margin:0; list-style:none;}
.column-nav li { padding:0 0 10px 0; margin:0; background:none; font-size:17px;}
.column-nav a { color:#757678;}
.column-nav a.active {
    color: #383838;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}

.column-center {
    line-height: normal;
    
    overflow: hidden;
}
.column-center, .column-left{

}
.column-center p{
    color: #383838;
}
.user-info { float:right; line-height:24px; height:24px; position:relative; top:10px;}
.user-info li { float:left; padding:0 0 0 20px; margin:0 0 0 25px; background:none; color:#adadad;}
.user-info a { color:#adadad; text-decoration:none;}
.user-info a:hover { color:#FFF;}

li.user-info__ico1 { background:url(../images/user-info__ico1.png) no-repeat 0 4px;
	background-position: 0 -1px !important;
	padding-left: 25px;
	
}
li.user-info__ico2 { background:url(../images/user-info__ico2.png) no-repeat 0 4px; padding-left:24px;
	
	background-position: 0 0px !important;	
}
li.user-info__ico3 { background:url(../images/user-info__ico3.png) no-repeat 0 2px; padding-left:30px;
		background-position: 0 0 !important;
		padding-left: 24px;
	
}
li.user-info__ico4 { background:url(../images/user-info__ico4.png) no-repeat 0 2px; padding-left:28px;
		background-position: 0 -1px !important;
	
}


.marka-image { border:1px #fff solid; float:left; margin:0 10px 10px 0; box-shadow:0 2px 4px rgba(0,0,0,0.35);}
.marka-image img { vertical-align:top;}
.marka-box { border:1px rgba(255,255,255,0.1) solid; padding:10px; line-height:normal;}
.marka-box p { padding:0 0 5px 0;}

.all-news { position:relative; height:380px;}
.all-news__table { position:relative;}
.all-news__table td { text-align:center; font-size:20px; line-height:110%; color:#ababab;}
.all-news .item-small { display:block; width:210px; height:210px; background: no-repeat center; border-radius:110px; border:6px #fff solid; position:relative; margin:0 0 25px -6px;}

.news-slide { position:absolute; left:50%; bottom:0; height:5px; width:420px; margin:0 0 0 -210px; border-left:1px #fff solid; border-right:1px #fff solid;}
.news-slide__hr { background:#fff; height:1px; overflow:hidden; position:absolute; left:0; top:2px; width:100%;}
.news-slide__img { position:absolute; right:-40px; top:-14px; background:url(../images/news_slide_img.png) no-repeat 0 0; width:31px; height:31px;}

.news-slide__drag { background:url(../images/news-slide__drag.png) no-repeat 0 0; width:31px; height:31px; position:absolute; left:0; top:-13px;}

.menu-list { width: 999999px;}
.menu-list__wrapper { overflow: hidden; width: 500px; padding:21px 0 0 0; margin: -21px 0 0 0;}
.lang-list__wrapper { position: relative;}
.lang-list { position:absolute; left: 0; top:20px; background: #fff; border-radius: 5px; width: 100%; padding: 3px 0; visibility: hidden;}
.lang-list a { display: block; padding: 3px 0; color: #000; text-align: center; width: 100%;text-decoration: none;}
.lang-list a:hover { font-weight: bold;}

.popup-text {}
.popup-text__padding { padding: 30px; color:#000;}
.popup-text__close { position:absolute; right:15px; top:15px;}



.sub_menu .menu-column__right { float:left; padding-right: 49px; margin-left: -20px;}
.sub_menu .menu-nav__prev {opacity: 0.5; position: relative; left: -35px; top:0; float: left; width: 20px; height: 560px; display: block !important;}
.sub_menu .menu-column__left {width: 470px; border-left: 1px #bfbfbf solid; padding: 0 0 0 39px; position: relative; overflow: visible; float: left;}
.sub_menu .menu-padding { padding-right: 40px;}

.sub_gallery a { display: block; width: 70px; height: 70px; border:1px #cacaca solid; margin:0 0 10px 7px; }
.sub_gallery a:hover { border-color: #000;box-shadow: 0 1px 3px rgba(0,0,0,0.5);}

.sub_gallery td:first-child a { margin-left: 0;}
.gg_le { position: absolute; left: -11px; top:50%; margin: -15px 0 0 0;}

.main-gallery {
    height: 470px;
    margin: 0 auto 20px;
    position: relative;
    width: 656px;
}
.main-gallery__image { 
	display: none; 
	position: absolute; 
	left: 0; 
	top: 50%; 
	border-radius: 400px; 
	/*border: 0px solid #F5F6F7; */
	overflow: visible !important;
	/*box-shadow: 0 0 5px rgba(0,0,0, 1) inset;*/
}
.main-gallery__image:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 5px rgba(0,0,0, 0.3) inset;
	border-radius: 400px;
	z-index: 100;
}

.main-gallery__image img { border-radius: 400px; margin: 0 !important;}


.fancybox-inner .fancybox img {
	opacity: 1 !important;
}

.fancybox-skin {
	padding: 35px 5px 10px 5px !important;
}





.fancybox-title-float-wrap{
	position: static !important;
	left: 0 !important;
	top:0 !important;
	margin: 0 !important;
	text-align: center !important;	
}


.fancybox-title-float-wrap .child {
	margin: 0 !important;
	padding: 0 !important;
	white-space: normal !important;
	line-height: normal !important;
	background: none !important;
	text-shadow: none !important;
	color: #000 !important;	
	position: relative !important;
	top: 6px !important;
}

.fancybox-close {
	background: url(../images/pcl.png) no-repeat center !important;
	width: 35px !important;
	height: 35px !important;
	right: 0 !important;
	top: 0 !important;
}

.fancybox-prev {
	left: -44px !important;
}

.fancybox-prev span {
	background: url(../images/bsl.png) no-repeat center !important;
	left: 0 !important;
}

.fancybox-next {
	right: -44px !important;
}

.fancybox-next span {
	background: url(../images/bsr.png) no-repeat center !important;
	right: 0 !important;
}

.b-vb-mb-vdg {
	position: absolute;
	left:0;
	width: 100%;
	color: #363636;
	bottom: -40px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
    text-decoration: none;
}

.menu-list.active {
	opacity: 1 !important;
}

table.marka {
	width: 100%;
}


.marka tr:first-child td:nth-child(4) {
	width: auto;
}

.marka tr:first-child td:nth-child(4) p:last-child {
	padding:0;
}

.marka tr:first-child td:nth-child(4) p:first-child {
	padding-top:4px;
}

.marka tr:first-child td:nth-child(4) .marka-box {
	padding-top: 0;
	padding-bottom: 0;
	height: 149px !important;
}
#wraphead{
    background-color: #FFFFFF;
    width: 100%;
    box-shadow: 0 0 15px #cccccc;
}
.footerlnk{
    float: right;
    position: relative;
    top: 10px;
}
.footerlnk a{
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    height: 31px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 32px;
}

.footerlnk a:hover{
    background-position: center bottom;
}
.footerlnk a.mail{
    background-image: url("/images/bgmail.png");
}
.footerlnk a.youtube{
    background-image: url("/images/bgyoutube.png");
}
.footerlnk a.facebook{
    background-image: url("/images/bgfacebook.png");
}
.footerlnk a.skype{
    background-image: url("/images/bgskype.png");
}
.footerlnk a.fooler-links__a1{
    background-image: url("/images/bgphone.png");
}




/* BEM */
.b-body, .b-html {
	height: 100%;
	background: repeat top center;
}
.b-layout {
	width: 100%;
	height: 100%;
}
.b-layout__header {
	height: 40px;
}
.b-layout__content {
	vertical-align: middle;
}
.b-layout__content_type_about {
	vertical-align: top;
	padding: 50px 0 0 0;
}
.b-layout__footer {
	height: 50px;
}

#f-concept {
	width: 700px;
}