/*================================================

Автор щаблона Роман, для связи воспользуйтесь электронной почтой - rsiretsky@gmail.com

Шаблон сделан для сайта копирование и использование шаблона без разрешения автора на других проектах - запрещено!

==================================================*/

html {height: 100%; overflow: auto !important;}

body {
	background: #fff url(/img/bg.png);
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #111;
	height: 100%;
	overflow: auto;
	min-width: 1450px;
}

/*================================================
Шапка
==================================================*/

.TitleHead {color: #ffdd00; font-size: 30px; margin: 10px 0px 10px 70px;}

.login-wrapper {float: left; width: 100%; height: 50px; margin-top: 16px; overflow: hidden; margin-bottom: 12px;}
.sign-up {float: left; background-color: #fdb210; height: 40px; width: 110px; text-align: center; border-bottom: #0e1b33 4px solid;}
.sign-up a {font-family: 'Ubuntu', sans-serif; font-size: 14px; color: white; text-align: center; text-decoration: none; line-height: 38px;}

/* Поиск */

.searchForm {margin: 0px 0px 0px 375px; overflow: hidden; width: 575px;}
.queryField {background: #1883c2; font-size: 16px; color: #fff; padding: 10px 9px; border: none; border-bottom: #0e1b33 4px solid;}
.searchSbmFl {background: #fdb210; color: #fff; border: none; text-align: center; font-size: 18px; padding: 8px 10px; margin-left: -6px; border-bottom: #0e1b33 4px solid; height: 43px;}
.searchSbmFl:hover {cursor: pointer;}
.searchFormb {width: 40px; height: 43px; background: url(/img/sbut.jpg) no-repeat; display: inline-block; float: left; margin: 2px -2px 0px 0px;}

#HeadTrans {overflow: hidden; float: right; position: relative; top: -45px; right: 236px;}
.goog-te-gadget-simple {background: none  !important; border: 1px solid #fff !important;}
.goog-te-gadget-simple .goog-te-menu-value span {color: #fff !important;}


/*================================================
Левый блок
==================================================*/

#LeftBlok {width: 214px; min-height: 100%; background: url(/img/sidebar-bgr.png) repeat-y; position: absolute; top: 0px; left: 0px; border-right: #fdb210 6px solid;}

#Logo {margin: 40px 0px 39px 18px;}
#Logo-Title {margin: 0 16px 48px 16px; font-family: 'Ubuntu', sans-serif; font-size: 14px; font-style: italic; color: white; line-height: 1.4;}
.reg {float: right;}

#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul,
#cssmenu ul li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; float: left;}
#cssmenu ul li {float: left; min-height: 1px; line-height: 1em; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
#cssmenu ul ul li {float: none;}
#cssmenu ul li:hover > ul {visibility: visible;}
#cssmenu ul ul {top: 0; left: 100%;}
#cssmenu ul li {float: none;}

/* Custom Stuff */

#cssmenu span,
#cssmenu a {display: inline-block; font-family: 'Ubuntu', sans-serif; font-size: 14px; text-decoration: none; text-transform: uppercase;}
#cssmenu {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 214px;}
#cssmenu:after,
#cssmenu ul:after {content: ''; display: block; clear: both;}
#cssmenu > ul > li:first-child {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
#cssmenu > ul > li:last-child {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-bottom: none;}
#cssmenu > ul > li ul ul li:first-child {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
#cssmenu > ul > li ul ul li:last-child {-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-bottom: none;}
#cssmenu ul,
#cssmenu li {width: 100%;}
#cssmenu li {background-color: transparent; background-image: url('/img/sidebar-bgr.png'); border-bottom: #175c85 1px solid;}
#cssmenu li:hover,
#cssmenu li.active {background-color: #fdb210; background-image: none;}
#cssmenu li:hover > a,
#cssmenu li.active > a {color: #FFF;}
#cssmenu a {color: #a2aec1; line-height: 160%; padding: 16px 16px 16px 32px; width: 164px;}
#cssmenu ul ul {width: 214px; border-left: #fdb210 6px solid;}
#cssmenu ul ul ul {border-left: none;}
#cssmenu ul ul li {background-color: transparent; background-image: url('/img/sidebar-bgr.png'); border-bottom: none;}
#cssmenu ul ul li:hover {background-color: #fdb210; background-image: none;}
#cssmenu ul ul li a {color: #FFF; padding: 8px 8px 8px 16px;}
#cssmenu ul ul a,
#cssmenu ul ul a span {font-size: 12px;}

/*================================================
Правый блок
==================================================*/

#RightBlock {margin-left: 24px; overflow: hidden; position: relative; float: right; width: 376px;}
#RightBlockL {width: 180px; float: left; overflow: hidden; position: relative;}
#RightBlockR {width: 180px; float: right; overflow: hidden; position: relative; margin-left: 16px;}
.RoghtBlockBody {margin-bottom: 16px;}

#RightBlockLB01 {opacity: 0.6;}
#RightBlockLB01:hover {opacity: 1.0;}

#RightBlockLB02 {opacity: 0.6; background: #065997;}
#RightBlockLB02:hover {opacity: 1.0;}

#RightBlockLB03 {opacity: 0.6; background: #065997; height: 120px;}
#RightBlockLB03:hover {opacity: 1.0;}

#RightBlockLB04 {opacity: 0.6; background: #065997; height: 200px;}
#RightBlockLB04:hover {opacity: 1.0;}

#RightBlockLB05 {opacity: 0.6; background: #065997; height: 180px;}
#RightBlockLB05:hover {opacity: 1.0;}

#RightBlockLB06 {opacity: 0.6; background: #065997; height: 277px;}
#RightBlockLB06:hover {opacity: 1.0;}

#RightBlockLB07 {opacity: 0.6; background: #065997; height: 200px;}
#RightBlockLB07:hover {opacity: 1.0;}

#RightBlockLB08 {opacity: 0.6; background: #065997; height: 400px;}
#RightBlockLB08:hover {opacity: 1.0;}

#RightBlockLB09 {opacity: 0.6; background: #065997; height: 288px;}
#RightBlockLB09:hover {opacity: 1.0;}

#RightBlockLB10 {opacity: 0.6; background: #065997; height: 77px;}
#RightBlockLB10:hover {opacity: 1.0;}

/*================================================
Низ сайта
==================================================*/

#FooterWr {background: #33648c url(/img/cat.png); background-repeat: no-repeat; background-position: 95% 90%; width: 728px; overflow: hidden; padding: 17px 16px; border-bottom: #42627c 4px solid; line-height: 1.4;}
.FooterColn01 {width: 190px; float: left; overflow: hidden;}
.FooterColn02 {width: 190px; float: left; overflow: hidden;}
.FooterColn02 {width: 300px; float: left; overflow: hidden;}
.FooterColn01 a, .FooterColn02 a, .FooterColn03 a {color: #fff; font-size: 13px; text-decoration: none;}
.FooterColn01 a:hover, .FooterColn02 a:hover, .FooterColn03 a:hover, #FooterWr  a.CGrey:hover  {text-decoration: underline;}
#FooterWr  a.CGrey {color: #869291; text-decoration: none;}

#FooterCopy {color: #edeff3; float: right; margin-top: 16px; font-size: 13px;}
#FooterCopy a {color: #edeff3;}

/*================================================
Главная
==================================================*/

.main-wrapper {position: relative; min-height: 100%; width: 100%; background: #618eae url(/img/content-bgr.jpg); background-attachment: fixed; overflow: hidden;}
.main-body {position: relative; min-height: 100%; width: 1150px; margin: 0 0 0 220px; padding: 0 0 0 26px; overflow: hidden;}

#IndexBlock .RandevuP h1 {font-size: 24px; margin: 20px 0px; color: #111; line-height: 34px;}
#IndexBlock .RandevuP h2 {font-size: 20px; margin: 15px 0px; color: #111; line-height: 28px; text-align: center;}
.RandevuP p {font-size: 15px; line-height: 24px; margin-bottom: 15px;}

#LeftMainBlock {float: left; width: 750px; overflow: hidden; position: relative; min-height: 100%;}

#IndexBlock {overflow: hidden; background: #fff; border-bottom: #13283d 4px solid; padding: 16px;}
#IndexBlock h1 {font-size: 20px; font-weight: bold; text-align: center; color: #1883c2; margin-bottom: 8px;}

.IndexBlockCatGrey {border: 1px solid #4b91c4; background-color: #edeff3; padding: 24px; overflow: hidden;}
.IndexBlockCatGrey h2 {color: #4b91c4; font-weight: bold; font-size: 16px; margin: 10px; text-transform: uppercase;}

.IndexBlockCatLine {overflow: hidden; margin-bottom: 16px;}
.IndexBlockCatRad {float: left; width: 100px; margin: 7px 13px 16px 13px; height: 147px; text-align: center;}
.IndexBlockCatRad img {margin: 0 auto o auto; width: 96px; height: 96px; border-radius: 48px;}
.IndexBlockCatRad img:hover {box-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
#LeftMainBlock .IndexBlockCatRad p a {color: #4b91c4; font-size: 13px; text-decoration: none; margin: 4px 0 0 0; line-height: 13px !important;}

/*================================================
Интернет магазин
==================================================*/

#ShopBody {background: #fff; border-bottom: #13283d 4px solid; padding: 16px; overflow: hidden;}
#ShopBody h1 {font-size: 16px; font-weight: bold; text-align: center; color: #556771; margin-bottom: 8px;}

/* Вид товаров */

.ShopPost {width: 150px; margin: 0px 0px 50px 0px; overflow: hidden;}
.ShopPostImg img {width: 146px; border: 2px solid #86928f; margin-bottom: 3px;}
.ShopPostImg img:hover {opacity: 0.5;}
h4 a {color: #556771; display: inline-block; padding: 3px; margin-bottom: 3px;}
.ShopPostBrief {font-size: 14px; line-height: 18px; text-align: justify; height: 145px; overflow: hidden;}
.ShopPostBas {width: 50px; float: left; display: inline-block;}
.ShopPostWis {width: 50px; float: right; display: inline-block;margin-top: -10px;}

/*================================================
Новости
==================================================*/

/* Вид новостей */

.NewsPost {margin-bottom: 40px;}
.NewsPost h4 a {color: #556771; display: inline-block; padding: 3px; margin-bottom: 3px; font-size: 18px;}
.NewsPostImg {float: left; width: 200px; margin: 5px 20px 20px 0px;}
.NewsPostImg img {width: 200px;}
.NewsPostImg img:hover {opacity: 0.5;}
.NewsPostMessage {font-size: 16px; line-height: 22px;}

/* Вид полных новостей */

.NewsPostFull {margin-bottom: 30px;}
.NewsPostFullImg img {max-width: 718px; margin-bottom: 20px;}



#LeftMainSl {background: #fff; overflow: hidden;}

.royalSlider {
	width: 750px;
	height: 497px !important;
	position: relative;
	direction: ltr;
	background: #fff;
}
.royalSlider > * {
	float: left;
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0); 
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	-webkit-backface-visibility: hidden;
}

.rsABlock p {font-size: 30px; padding: 5px; background: rgba(1,1,1,0.5); display: block; width: 940px;}

.grab-cursor {
	cursor:url(grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
	-webkit-backface-visibility: hidden;
}

.addthis-smartlayers {margin-right: 50px !important;}

.scrollup {width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 80px; right: 0px; display: none; text-indent: -9999px; background: url('/img/icon_top.png') no-repeat;}
.scrollup:hover {opacity: 1.0;}