@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic-ext);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic-ext);

html, body, body > div * {margin:0px;padding:0px; font-family: "PT Sans", sans-serif; font-size: 17px;}

body { text-align: center;}
.outer-wrap {background: #f7f7f7 url(../img/body-bg.jpg) center top no-repeat;}
.main-wrap {background:url(../img/wrap-bg.png) center bottom no-repeat;}
#page { text-align: left; /*min-height: 2070px;*/ width: 1240px; margin: 0 auto;}

h1 {text-shadow: 0px 0px 8px rgba(255, 255, 255, 1); color: #003164; font-size: 29px !important; line-height: 46px; background:url(../img/h1-stripe.png) left bottom no-repeat; margin-bottom: 17px !important;}


#page-text img { border: 18px solid #e2e5ea;}
#page-text img[align="left"] { margin-right: 25px; margin-bottom: 15px;}

#page-text h2 { color: #a09a9a; font-size: 23px;}
h3 {color: #a09a9a; font-size: 23px; line-height: 30px;}
#page-text p { text-indent: 10px; line-height: 18px;}
#page-text p+p { margin-top: 1em;}
#page-text p+h2 {margin-top: 25px;}
#page-text h2+p { margin-top: 5px;}
#page-text a { color: #0062b1;}

#page-text ul { padding-left: 20px; margin: 20px 0px;}
#page-text ul li { text-indent: 15px; background:url(../img/ul-li-default-bg.png) 3px 7px no-repeat; font-size: 16px; line-height: 17px;}
#page-text ul li+li { margin-top: 1em;}




.billet { 
background-color: #fff;
background-color: rgba(255,255,255,0.8);
border: 2px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 8px 0px rgba(0, 0, 0, 0.2);
}


#header { height: 402px; overflow: hidden;}

/* header */
#header .logo { float: left; display: block; width: 434px; height: 141px; float: left; z-index: 99; position: absolute;}
#header .yam-langselect-area { float: left; margin-top: 9px; margin-left: 415px;}
#header .yam-langselect-area a { text-align: center;}
#header .yam-langselect-area a.active span, #header .yam-langselect-area a:hover span { background:url(../img/lang-header-bg.png) left top no-repeat; text-decoration: underline; color: #fff;}

#header .yam-search-form {background:url(../img/search-bg.png) left top no-repeat; width: 328px; padding-top: 7px; padding-left: 32px; height:35px; float: right;}
#header .yam-search-form input[type="text"] { height: 19px; font-size: 12px; color: #1e4873; padding: 0px 5px 0px 10px; background-color: transparent; border:none; width: 204px;}
#header .yam-search-form input[type="submit"] {height: 19px; font-size: 12px; color: #1e4873; padding: 0px 16px; line-height: 19px; cursor: pointer; text-transform: uppercase; background-color: transparent;border:none; margin-left: 10px; font-weight: bold;}
#header .yam-search-form input { float: left;}


#header .yam-share-area { margin-top: 9px; float: right;}
#header .yam-share-area a { float: left; display: block; text-decoration: none;}
#header .yam-share-area a span { display: block; line-height: 26px; height: 26px; width: 36px; text-align: center; color: #1e4873; font-family: "Arial Black", Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
#header .yam-share-area a:hover span {}

#header .yam-share-icon-twitter span { background: url(../img/twitter-header.png) left top no-repeat;}
#header .yam-share-icon-twitter:hover span{background: url(../img/twitter-header-active.png) left top no-repeat;}
#header .yam-share-icon-vkontakte span{background: url(../img/vkontakte-header.png) left top no-repeat;}
#header .yam-share-icon-vkontakte:hover span{background: url(../img/vkontakte-header-active.png) left top no-repeat;}
#header .yam-share-icon-facebook span{background: url(../img/facebook-header.png) left top no-repeat;}
#header .yam-share-icon-facebook:hover span{background: url(../img/facebook-header-active.png) left top no-repeat;}

#footer .yam-share-icon-twitter span { background: url(../img/twitter.png) left top no-repeat;}
#footer .yam-share-icon-twitter:hover span{background: url(../img/twitter-active.png) left top no-repeat;}
#footer .yam-share-icon-vkontakte span{background: url(../img/vkontakte.png) left top no-repeat;}
#footer .yam-share-icon-vkontakte:hover span{background: url(../img/vkontakte-active.png) left top no-repeat;}
#footer .yam-share-icon-facebook span{background: url(../img/facebook.png) left top no-repeat;}
#footer .yam-share-icon-facebook:hover span{background: url(../img/facebook-active.png) left top no-repeat;}

/* header */


/* mainmenu */
#mainmenu { padding: 9px 0px 5px 0px;}
#yam-menu-top { margin-left: 5px; text-align: center;}
#yam-menu-top > li {height: 57px;  margin-left: 25px; float: left; background:url(../img/mainmenu-li-bg.png) right top no-repeat; max-width: 214px;}

#yam-menu-top > li:first-child { margin-left: 0px;}
#yam-menu-top > li > a { display: table-cell; height: 57px; width: 100%;  vertical-align: middle; padding: 0px 25px; /*max-width: 140px;*/ position: relative; text-align: center; font-weight: bold; font-size: 19px; /* font-family: "PT Sans Narrow", sans-serif;*/ /*color: #355c92;*/ color: #f8fa9d; text-decoration: none; background:url(../img/mainmenu-a-bg.png) left top no-repeat; /*color: #feffc5;*/}

#yam-menu-top > li.active > a, #yam-menu-top > li:hover > a { color: #fff; text-decoration: underline; }
/*
#yam-menu-top > li.active, #yam-menu-top > li:hover {}
#yam-menu-top > li.active > a, #yam-menu-top > li:hover > a {background:url(../img/mainmenu-a-bg.png) left top no-repeat; color: #feffc5;}
*/

#yam-menu-top > li { position: relative;}
#yam-menu-top > li > ul { 
display: none;
position: absolute; background-color: #fff; text-align: left; padding: 6px; z-index: 101;
background-color: rgba(255,255,255,0.6); border: 2px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 8px 0px rgba(0, 0, 0, 0.2);

}
#yam-menu-top > li > ul > li { position: relative;background:url(../img/mainmenu-li-bg.png) right top no-repeat; margin-top: 3px;}
#yam-menu-top > li > ul > li > a {background:url(../img/mainmenu-a-2-bg.png) left top no-repeat; /*color: #feffc5;*/ color: #f8fa9d; display: table-cell; height: 57px; vertical-align: middle; padding: 0px 17px;position: relative; text-align: center; /*font-family: "PT Sans Narrow", sans-serif;*/ font-size: 19px; font-weight: bold; text-decoration: none; min-width: 264px; text-align: left;}

#yam-menu-top > li > ul > li > ul { display: none; position: absolute; left: 100%; top: 0;padding: 6px; margin-left: 18px;z-index: 102;
background-color: #fff;
background-color: rgba(255,255,255,0.6); border: 2px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 8px 0px rgba(0, 0, 0, 0.2);

}
#yam-menu-top > li > ul > li > ul > li {position: relative;background:url(../img/mainmenu-li-bg.png) right top no-repeat; margin-top: 3px;}
#yam-menu-top > li > ul > li > ul > li.arrow {
	left: -3%;
	position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 9px 7px 0;
border-color: transparent #ffffff transparent transparent;
background: none;	
}

#yam-menu-top > li > ul > li > ul > li.arrow.right {
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 0 7px 9px;
border-color: transparent transparent transparent #ffffff;
left: 100%;
}
#yam-menu-top > li > ul > li > ul > li > a {
	background:url(../img/mainmenu-a-2-bg.png) left top no-repeat; /*color: #feffc5;*/ color: #f8fa9d; display: table-cell; height: 57px; vertical-align: middle; padding: 0px 17px;position: relative; text-align: center; /*font-family: "PT Sans Narrow", sans-serif;*/ font-size: 19px; font-weight: bold; text-decoration: none; min-width: 264px; text-align: left;
}
#yam-menu-top > li > ul > li > ul > li > a:hover, #yam-menu-top > li > ul > li > a:hover, #yam-menu-top > li > ul > li.sfHover > a { color: #fff; text-decoration: underline;}

/* menu-top on rus version */
.tpl-lang-ru #yam-menu-top > li > a {font-size: 17px;}
.tpl-lang-ru #yam-menu-top > li > ul > li > a {font-size: 15px;}
.tpl-lang-ru #yam-menu-top > li > ul > li > ul > li > a {font-size: 15px;}


#yam-menu-left > li > ul > li > ul {position: absolute; left: 100%; top: 0;padding: 6px; margin-left: 18px;z-index: 102;
background-color: #fff;
background-color: rgba(255,255,255,0.6); border: 2px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 8px 0px rgba(0, 0, 0, 0.2);
}
#yam-menu-left > li > ul > li > ul > li.arrow {
	left: -3%;
	position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 9px 7px 0;
border-color: transparent #ffffff transparent transparent;	
}
#yam-menu-left > li > ul > li { position: relative;}
#yam-menu-left > li > ul > li > ul > li {position: relative;background:url(../img/lmrbg.png) right top no-repeat; margin-top: 3px;}
#yam-menu-left > li > ul > li > ul > li > a {background:url(../img/lmlbg.png) left top no-repeat; color: #feffc5;display: table-cell; height: 48px; vertical-align: middle; padding: 0px 15px 0px 35px;position: relative; text-align: center; line-height: 18px; /*font-family: "PT Sans Narrow", sans-serif; font-size: 19px;*/ font-size: 18px; font-weight: bold; text-decoration: none; min-width: 230px; text-align: left;}
#yam-menu-left > li > ul > li > ul > li > a:hover { color: #fff; text-decoration: underline;}
/* mainmenu */


#content { padding: 28px 0 40px 0; position: relative; overflow: hidden; min-height: 872px;}
#content > .sliding-sidebar { width: 290px; position: absolute; left: 0; top: 0; padding-top: 28px; }
#content > .sliding-sidebar > .left { width: 290px;}
.right-col { float: right; width: 930px !important;}


/* left-menu */
#left-menu { padding: 0px 0px 8px 5px;}

#yam-menu-left > li { padding-top: 8px;}
#yam-menu-left > li > a, #yam-menu-left > li > div > a { outline: none; display: table-cell; background:url(../img/left-menu-li-bg.png) left top no-repeat; height: 48px; width: 230px; vertical-align: middle; /*font-family: "PT Sans Narrow", sans-serif;*/ font-size: 18px; font-weight: bold; color: #f8fa9d; /*color: #feffc5;*/ text-decoration: none; line-height: 16px; padding-left: 34px; padding-right: 18px;}
#yam-menu-left > li > a.ui-accordion-header-active {background:url(../img/left-menu-li-bg-active.png) left top no-repeat; color: #fff; text-decoration: underline;}

#yam-menu-left > li > ul { padding: 4px 0px;}

#yam-menu-left > li > ul > li {} 
#yam-menu-left > li > ul > li > a { display: table-cell; vertical-align: middle; font-size: 16px; line-height: 13px; color: #003164; /*font-family: "PT Sans Narrow", sans-serif; font-size: 17px;*/ width: 230px; padding: 5px 20px 5px 30px; min-height: 25px;}
#yam-menu-left > li > ul > li.active > a, #yam-menu-left > li > ul > li > a:hover, #yam-menu-left > li > ul > li.sfHover > a { background:url(../img/left-menu-li-li-bg.png) left center no-repeat; font-weight: bold; text-decoration: underline;}

/* menu-left on rus version */

.tpl-lang-ru #yam-menu-left > li > a, .tpl-lang-ru #yam-menu-left > li > div > a {font-size: 15px;}

#callback-email { margin-top: 22px;}
/* left-menu */

/* content-right */
.yam-breadcrumbs {}
.yam-breadcrumbs li { float: left; padding-left: 17px; padding-right: 9px; background:url(../img/breadcrumbs-separator.png) left center no-repeat;}
.yam-breadcrumbs li span { height: 14px; display: block;}
.yam-breadcrumbs li span a { color: #003164; font-size: 12px;text-shadow: 0px 0px 8px rgba(255, 255, 255, 1); line-height: 14px; text-decoration: none;}
.yam-breadcrumbs li:first-child { padding-left: 0px;}
.yam-breadcrumbs li:last-child a { font-weight: bold;}



#tabs { background:url(../img/tabs-bg.jpg) left top; padding: 22px 36px;}
#tabs > .left {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
#tabs li { float: right; width: 314px;}
#tabs li {border-top: 2px solid transparent;}
#tabs li:first-child { border-top: none;}

#tabs li a { display: block; outline: none; background-color: #dddddd; font-size: 16px; color: #000; padding: 13px 16px 16px 16px; line-height: 14px; text-decoration: none;}
/*.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a { background-color: #c0c0c0; font-weight: bold;}*/
#tabs li a:hover { background-color: #c0c0c0; font-weight: bold;}
#tabs > .right { width: 314px;}

/* content-right */

/* slider-4 */
#slider-4 { margin-top: 54px;}
#slider-4 img { border: 9px solid #d1d1d1;}
#slider-4 .bx-controls { position: absolute; width: 881px;}
#slider-4 .bx-controls a { position: relative; top: -111px; display: block; width: 15px; height: 86px;}
#slider-4 .bx-prev { float: left; background:url(../img/slider-4-nav-left.png) left top no-repeat; left: -20px;}
#slider-4 .bx-next { float: right; background:url(../img/slider-4-nav-right.png) left top no-repeat; right: -20px;}

/* slider-4 */


/* footer */
#footer { width: 1240px; margin: 0 auto; height: 250px;}
#footer .logo { display: block; width: 317px; height: 123px; margin: 4px auto 0px auto; clear: none;}

#footer .yam-share-area {}
#footer .yam-share-area a { float: left; display: block; text-decoration: none;}
#footer .yam-share-area a span { display: block; line-height: 26px; height: 26px; width: 37px; text-align: center; color: #1e4873; font-family: "Arial Black", Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
#footer .yam-share-area a:hover span { }
#footer .yam-counters-area {  margin-top: 30px; margin-left: 22px;}

.yam-langselect-area { margin-right: 17px; float: right;}
.yam-langselect-area a { float: left; display: block; text-decoration: none;}
.yam-langselect-area a span { display: block; width: 49px; height: 26px; font-size: 14px; font-weight: bold; line-height: 26px; color: #1e4873; text-decoration: none;}
#footer .yam-langselect-area a.active span, #footer .yam-langselect-area a:hover span { background:url(../img/lang-footer-bg.png) left top no-repeat; text-decoration: underline; color: #fff;}

#footer .copyrights { padding-top: 35px; padding-right: 5px;}
#footer .copyrights p { color: #fff; font-size: 10px; line-height: 12px; float: right; text-align: left;}
#footer .copyrights img { float: left; margin-right: 16px; margin-top: 7px;}
/* footer */


/* slider-3 */
#slider-3 { padding: 9px 0px 8px 0px; margin-bottom: 15px;}
#slider-3 .left {}
#slider-3 .right { width: 140px;}
#slider-3 .itemlist {}
#slider-3 .item { width: 260px; padding: 5px 9px; border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc; }
#slider-3 .item:hover { background-color: #eceeef;}
#slider-3 .item-img { float: left; padding: 3px; border: 1px solid #c0c0c0; display: block;}
	#slider-3 .item-img img { max-width: 100px;}
#slider-3 .y-span { font-size: 11px; text-transform: uppercase; color: #ff7800; display: block; margin-bottom: 9px;}
#slider-3 .item-name {}
#slider-3 .item-name a { color: #000; font-size: 13px; text-decoration: none; line-height: 14px; font-weight: bold;}
#slider-3 .item-date { color: #9a9a9a; font-size: 12px;}
#slider-3 .item-desc { margin-top: 12px; font-size: 14px; line-height: 12px;}
#slider-3 .item-readmore { color: #ff7800; font-size: 13px; line-height: 14px; float: right; padding-right: 20px; display: inline-block; background:url(../img/item-readmore-img.png) right center no-repeat; position: relative; top: 13px; text-decoration: none;}
#slider-3 .item-comments { margin-top: 10px;}
#slider-3 .item-comments a { font-size: 13px; color: #000; text-decoration: none;}
#slider-3 .item-comments a img { margin-right: 5px;}

#slider-3 .bx-controls { position: absolute; width: 840px; height: 1px;}
#slider-3 .bx-controls a { position: relative; top: -105px; display: block; width: 24px; height: 38px;}
#slider-3 .bx-controls a.disabled { 
-moz-opacity: 0.40;
-khtml-opacity: 0.40;
opacity: 0.40;
}
#slider-3 .bx-prev { float: left; background:url(../img/slider-3-nav-prev.png) left top no-repeat; left: -36px;}
#slider-3 .bx-next { float: right; background:url(../img/slider-3-nav-next.png) left top no-repeat; right: -36px;}

/* slider-2 */

#slider-1 { float: left; width: 1150px;}
#slider-1 .bx-viewport { height: 324px !important;}
#slider-2 { float: right; width: 84px; margin-top: 50px;}
#slider-2 a { display: block; margin-bottom: 18px;}

#slider-1 .item ul.left { margin-left: 80px; margin-top: 95px; width: 339px; height: 228px; }
#slider-1 .item ul.left li { margin-bottom: 30px; max-width: 290px;}
#slider-1 .item ul.left li a { text-transform: uppercase; text-decoration: none; color: #fff; font-size: 19px; font-weight: bold; white-space: nowrap;}
#slider-1 .item img.right { display: none; }
#slider-1 .item .slide-img { float: right; position: relative; width: 721px; height: 324px; }
.ti-1 {}
.ti-2 { padding-left: 18px;}
.ti-3 { padding-left: 36px;}
.ti-4 { padding-left: 54px;}

#slider-2 .bx-controls { text-align: center;}
#slider-2 .bx-prev { display: block; background:url(../img/slider-2-nav-prev.png) left top no-repeat; width: 34px; height: 15px; margin: 0 auto; position: relative; top: -215px;}
#slider-2 .bx-next { display: block; background:url(../img/slider-2-nav-next.png) left top no-repeat; width: 34px; height: 25px; margin: 0 auto;}
	

/* callback form */
	#form_wrap {
		overflow:hidden;
		height:300px;
		top:0px;
		position:relative;
		z-index: 1;
		-webkit-transition: all 1s ease-in-out .3s;
		-moz-transition: all 1s ease-in-out .3s;
		-o-transition: all 1s ease-in-out .3s;
		transition: all 1s ease-in-out .3s;}
	
	#form_wrap:before {
		display: block;
		content:" ";
		position:absolute;
		bottom:69px;
		left:0px;
		background:url('../img/before.png');
		width:290px;
		height: 173px;
		z-index: 0;}
	
	/*#form_wrap:after {
		display: block;
		content:" ";
		position:absolute;
		bottom:0px;
		left:0;
		background:url('../img/after.png');
		width:290px;
		height: 142px;
		z-index: 100;}
	*/
	#form_wrap_after {
		display: block;
		content:" ";
		position:absolute;
		bottom:0px;
		left:0;
		background:url('../img/after.png');
		width:290px;
		height: 142px;
		z-index: 100;
	}

	#form_wrap.hide:after, #form_wrap.hide:before {display:none;}
	#form_wrap:hover {height:445px;top:0px;}
	#form_wrap:hover form {top: 50px;}


	#form_wrap form {background:#f7f2ec url('../img/letter_bg.png'); 
		margin-left: 10px;
		position:relative;
		top:130px;
		overflow:hidden;
		height:130px;width:230px;
		/*margin:0px auto;*/
		padding:20px; 
		border: 1px solid #fff;
		border-radius: 3px; 
		-moz-border-radius: 3px; -webkit-border-radius: 3px;
		-webkit-transition: all 1s ease-in-out .3s;
		-moz-transition: all 1s ease-in-out .3s;
		-o-transition: all 1s ease-in-out .3s;
		transition: all 1s ease-in-out .3s;}


		#form_wrap:hover form {height:230px;}

		#form_wrap label {
			margin: 11px 20px 0 0; 
			font-size: 16px; color: #b3aba1;
			text-transform: uppercase; 
			text-shadow: 0px 1px 0px #fff;
		}

		#form_wrap input[type=text], textarea {
			font: 14px normal normal uppercase helvetica, arial, serif;
			color: #7c7873;background:none;
			width: 210px; height: 36px; padding: 0px 10px !important; margin: 0 0 10px 0;
			border:1px solid #f8f5f1;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
			-moz-box-shadow: inset 0px 0px 1px #726959;
			-webkit-box-shadow:  inset 0px 0px 1px #b3a895; 
			box-shadow:  inset 0px 0px 1px #b3a895;
		}	

		#form_wrap textarea { height: 80px; padding-top:14px !important; resize: none; outline: none; margin-bottom: 10px;}

		#form_wrap textarea:focus, #form_wrap input[type=text]:focus {background:rgba(255,255,255,.35);}
		#form_wrap input[type="submit"] { margin: 0 auto; background-color: #4d8bab; border: none; color: #fff; padding: 4px 8px; cursor: pointer;}
		#form_wrap input[type="submit"]:hover { background-color: #5e9cbc;}
/* callback form */
#slider-1 .item { height: 324px;}

.iview-strip, .iview-block {
    display: block;
    position: absolute;
    z-index: 5;
}