@import url("reset.css");

body,html {height:100%}
body {color:#3a4447; background:#044b76 url(../img/bg.jpg) no-repeat 50% 0; font:.75em Tahoma,Verdana,'MS Sans Serif',sans-serif}
td,th {color:#3a4447; font:1em Tahoma,Verdana,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Tahoma,Verdana,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#0187ba; text-decoration:underline}
a:hover {text-decoration:none}

/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:1000px; height:100%}
.outer {height:100%; margin:0 30%}
.inner {position:relative; background:#fff url(../img/bg-1.jpg) repeat-y 50% 0; padding:0 300px; margin:0 -300px; width:100%; height:auto !important; height:100%; min-height:100%}
.bshad {position:absolute; bottom:0; left:0; width:100%; height:208px; background-image:url(../img/btm-shad.png)}
.tshad {position:absolute; top:0; left:0; width:100%; height:208px; background-image:url(../img/top-shad.png)}

.wrap {margin:0 20%}
.wrap-i {position:relative; z-index:3; margin:0 -380px}

.shad-bg {position:relative; z-index:-1; margin:-32010px -74% 0; padding-top:32000px; height:10px; overflow:hidden}
	.shad-bg-i {position:relative; margin:0 30% 0; height:10px}
		.shad-bg-i-i {position:relative; margin:0 -327px}
	.shad-bg-i i {display:block; position:relative; margin-top:-32000px; height:32010px; width:27px}
	.shad-bg-i .l {background-image:url(../img/l-shad.png)}
	.shad-bg-i .r {float:right; background-image:url(../img/r-shad.png)}

/* // ---- top ---- // */
.top {padding:52px 17px 23px 9px}
	.logo {float:right; padding-top:3px}
	.b-navigation {position:relative; z-index:912; margin-right:201px; height:52px}
		.b-navigation .r {position:absolute; z-index:-1; margin-left:100%; left:-10px; width:10px; height:52px; background:url(../img/navigation-bg.png) no-repeat}
		.b-navigation .b {position:absolute; z-index:-1; left:-10px; top:0; width:100%; height:52px; clip:rect(auto auto auto 10px); background:url(../img/navigation-bg.png) no-repeat}
	.b-navigation ul {position:relative; font:bold 15px Arial,Helvetica; padding-top:3px; text-transform:uppercase; padding-left:5px}
		.b-navigation ul li {position:relative; float:left; border-right:1px solid #91999b}
		.b-navigation ul a, .b-navigation ul .hr, .b-navigation ul .hr a {display:block; color:#3a4447; text-decoration:none; height:39px; line-height:39px; padding:3px 15px 0; /*background:url(../img/navigation-hr.png) repeat-x 0 -42px*/}
			.b-navigation ul a:hover, .b-navigation ul .hr, .b-navigation ul .hr a {color:#fff; background-color:#108cbb; background-position:0 0}
			.b-navigation ul .hr a {
			    padding: 0px;
			}
		.b-navigation .home {display:block; padding:0; background:url(../img/ico-home.gif) no-repeat 50% 50% !important; width:39px; height:42px}
	.b-navigation ul li:hover .drop-nav {
		display:block;
		}
	ul.drop-nav {
		position:absolute; border:1px solid #91999b; top:42px; left:-1px; background-color:#fff; padding:0;font-weight:normal; display:none;
		}
		ul.drop-nav li {
			float:none; border-right-width:0; white-space:nowrap;
			}
			ul.drop-nav li a {
				line-height:18px; height:auto; padding:4px 15px;
				}

/* -- ---- top ---- -- */

/* // ---- middle main ---- // */
.l-middle-main {padding-bottom:45px}
	.l-middle-main .welcome {position:relative; float:left; width:39%; left:53px}
		.l-middle-main .welcome h1 {color:#e2001a; font:bold 1.333em Arial,Helvetica; padding-bottom:16px}
		.l-middle-main .welcome p {padding-bottom:14px}
	.l-middle-main .main-announce {position:relative; float:right; width:48%; right:5%; padding-top:145px; height:auto !important; height:145px; min-height:145px}
		.l-middle-main .main-announce .img {position:absolute; z-index:1; top:11px; left:0}
		.l-middle-main .main-announce h2 {position:relative; z-index:2; color:#e2001a; font-size:24px; font-weight:normal; padding-left:5px; width:205px; padding-bottom:28px}
		.l-middle-main .main-announce p {position:relative; z-index:2; padding-left:5px; width:205px}
/* -- ---- middle main ---- -- */

/* // ---- big scroll ---- // */
.b-big-scroll {position:relative; padding:0 20px 46px 11px}
	.b-big-scroll-i {position:relative}
	.b-big-scroll .pp-in {position:relative; padding:12px 20px 26px}
	.b-big-scroll .scrollWrap {position:relative; z-index:1; width:100%; padding-bottom:20px}
		.b-big-scroll .scrollWrap .l-ar {position:absolute; z-index:9; top:61px; left:-9px; width:51px; height:51px; background-image:url(../img/l-ar.png)}
		.b-big-scroll .scrollWrap .r-ar {position:absolute; z-index:9; top:61px; right:-9px; width:51px; height:51px; background-image:url(../img/r-ar.png)}
	.b-big-scroll .scrollWrapper {position:relative; width:100%; overflow:hidden}
	.b-big-scroll .scrollingHotSpotLeft {position:absolute; z-index:5; left:0; top:0; height:183px; width:182px}
	.b-big-scroll .scrollingHotSpotRight {position:absolute; z-index:5; right:0; top:0; height:183px; width:182px}
	.b-big-scroll .r-shad {position:absolute; z-index:2; top:10px; margin-left:100%; left:-344px; width:364px; height:183px; background:url(../img/shad-scroll.png) no-repeat 0 0; clip:rect(auto auto auto 182px)}
	.b-big-scroll .l-shad {position:absolute; z-index:2; top:10px; left:-20px; width:182px; height:183px; background:url(../img/shad-scroll.png) no-repeat 0 0}
		.b-big-scroll .scrollableArea {}
			.b-big-scroll .scrollableArea td {text-align:center; padding:0 15px}
		.b-big-scroll .scrollableArea h3, .b-view-catalog h3 {font-size:16px; text-transform:uppercase}
	.b-big-scroll .view-all {position:relative; z-index:3}
		.b-big-scroll .view-all .link-catalog {float:left; display:block; color:#3a4447; font:bold 16px Arial,Helvetica; width:262px; height:48px; background:url(../img/view-all-a.png); text-align:center; line-height:48px; text-decoration:none}
			.b-big-scroll .view-all .link-catalog:hover {color:#fff; background-position:0 -48px}
		.b-big-scroll .view-all p {margin-left:287px}

.slider-vertical {width:210px; margin:0 auto}
	.slider-vertical td {text-align:center; padding:15px 0}
	.slider-vertical h3 {font-size:16px; text-transform:uppercase}
	.slider-vertical .vert {padding:30px 0 40px}
	.slider-vertical .disabled {display:none}
	.slider-vertical .simply-scroll-btn {position:absolute; z-index:55; cursor:pointer; cursor:hand; width:210px; left:0}
	.slider-vertical .simply-scroll-btn-up {top:0; height:167px; background:url(../img/vertical-ar-t.png)}
	.slider-vertical .simply-scroll-btn-down {bottom:0; height:195px; background:url(../img/vertical-ar-b.png)}

.b-catalog-vert {text-align:center; padding:7px 0 0}
	.b-catalog-vert .view-all {padding-bottom:20px}
	.b-catalog-vert .view-all a {display:block; color:#3a4447; font:bold 12px/38px Arial,Helvetica; width:210px; height:38px; background:url(../img/view-all-hor.png); margin:0 auto; text-decoration:none}
		.b-catalog-vert .view-all a:hover {color:#fff; background-position:0 -38px}
/* -- ---- big scroll ---- -- */

/* // ---- main info ---- // */
.b-main-info {padding:0 47px 40px 52px}
	.b-main-info .b-aboutcompany {float:left; width:43%}
		.b-main-info .b-aboutcompany h2 {color:#30312b; font:bold 1.333em Arial,Helvetica; padding-bottom:18px}
		.b-main-info .b-aboutcompany p {padding-bottom:15px}
		.b-main-info .b-aboutcompany .tel {display:block; color:#30312b; font-size:27px; font-weight:normal; }
	.b-main-info .b-infonews {position:relative; float:right; width:50%}
		.b-main-info .b-infonews dt {font-size:16px; font-weight:bold; padding-bottom:10px}
			.b-main-info .b-infonews dt a {color:#3a4447}
		.b-main-info .b-infonews dd {padding-bottom:15px}
		.b-main-info .b-infonews h3 {font-size:14px; font-weight:normal}
		.b-main-info .b-infonews .pp-in {padding-left:13px}
/* -- ---- main info ---- -- */

/* // ---- bottom ---- // */
.bottom {padding:0 16px 45px}
	.bottom .b-md {border-left:1px solid #9ea3a7; border-right:1px solid #9ea3a7; padding:8px 0 5px 8px}
		.bottom .small-logo {float:left; padding-right:21px}
		.bottom p {font-size:10px; padding-top:7px}
	.bottom .b-tp {border-top:1px solid #9ea3a7; margin:0 5px; height:4px; font-size:1px}
		.bottom .b-tp i {position:relative; display:block; margin-top:-1px; width:5px; height:5px; background-image:url(../img/bottom-crn.gif)}
		.bottom .b-tp .l {left:-5px}
		.bottom .b-tp .r {float:right; right:-5px; background-position:100% 0}
	.bottom .b-bt {border-bottom:1px solid #9ea3a7; margin:0 5px; height:4px; font-size:1px}
		.bottom .b-bt i {position:relative; display:block; margin-bottom:-1px; width:5px; height:5px; background-image:url(../img/bottom-crn.gif)}
		.bottom .b-bt .l {left:-5px; background-position:0 100%}
		.bottom .b-bt .r {float:right; right:-5px; background-position:100% 100%}
/* -- ---- bottom ---- -- */

/* // ---- middle ---- // */
.l-middle {padding-bottom:40px}
	.l-middle .l-col-1 {float:left; width:72%; margin-right:-15%}
		.l-middle .l-col-1-i {padding:0 13px 0 9px}
	.l-middle .l-col-2 {float:right; width:28%}
		.l-middle .l-col-2-i {padding:0 18px 0 4px}
/* -- ---- middle ---- -- */

/* // ---- content shad ---- // */
.b-contshad {width:100%}
	.b-contshad .shad-tp {display:block; position:relative; height:9px; overflow:hidden; padding-right:9px}
		.b-contshad .shad-tp .ct {top:-13px; width:100%; height:23px}
		.b-contshad .shad-tp .ct-r {margin-left:100%; left:-9px; top:-13px; width:9px; height:23px}
	.b-contshad .shad-bt {display:block; position:relative; height:13px; overflow:hidden; padding-right:9px; padding-left:3px}
		.b-contshad .shad-bt .cb {padding-right:0; left:-9px; background-image:url(../img/shad-white-b.png)}
		.b-contshad .shad-bt .cb-r {left:-9px; background-image:url(../img/shad-white-b.png)}
	.m-gradshad .shad-bt .cb, .m-gradshad .shad-bt .cb-r {background-image:url(../img/shad-b.png)}
	.b-contshad .c-md {background-color:#fff; width:100%; vertical-align:top}
	.m-gradshad .c-md {background:#fff url(../img/pp-c-bg.png) repeat-x 0 100%}
	.b-contshad .l-shad {background:url(../img/shad-w-l.png)}
	.b-contshad .r-shad {background:url(../img/shad-w-r.png)}
		.b-contshad .r-shad i, .b-contshad .l-shad i {display:block; font-size:1px; width:5px}
	.b-contshad h1 {font:18px Arial,Helvetica; padding-bottom:13px}
	.b-content {padding:30px; height:auto !important; min-height:689px; height:689px}
	.b-nomih {height:auto !important; min-height:1px; height:1px}
/* -- ---- content shad ---- -- */


/* // ---- for editor ---- // */
.for-editor {}
	.for-editor p {padding-bottom:14px}
/* -- ---- for editor ---- -- */

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-clip {
	height: 615px;
}

/* // ---- list events ---- // */
.b-list-events {}
	.b-list-events li {padding-bottom:15px}
	.b-list-events h2 {font-size:16px; font-weight:normal; padding-bottom:13px}
	.b-list-events p {padding-bottom:14px}
/* -- ---- list events ---- -- */

/* // ---- view catalog ---- // */
.b-view-catalog {position:relative; margin:0 -30px 0 -11px; padding-top:20px}
	.b-view-catalog li {display:-moz-inline-stack; display:inline-block; vertical-align:top; margin:0 21px 20px 0}
	.b-view-catalog .i {position:relative; width:197px; padding:10px 0 12px; text-align:center; background:url(../img/catalog-hover.png) no-repeat 0 -350px}
		.b-view-catalog .i .tp {position:absolute; top:0; left:0; width:197px; height:5px; background:url(../img/catalog-hover.png) no-repeat 0 0; visibility:hidden}
	.b-view-catalog li:hover .i, .b-view-catalog .hover .i {background-position:0 100%}
		.b-view-catalog li:hover .tp, .b-view-catalog .hover .tp {visibility:visible}
/* -- ---- view catalog ---- -- */

/* // ---- side info ---- // */
.b-sideinfo {padding:15px 20px 0}
	.b-sideinfo h2 {font:bold 16px Arial,Helvetica; text-transform:uppercase; padding-bottom:12px}
		.b-sideinfo h2 a {color:#3a4447}
	.b-sideinfo h3 {font-size:14px; font-weight:normal}
	.b-sideinfo p {padding-bottom:0}
/* -- ---- side info ---- -- */

.b-side-nav {padding-bottom:12px}
	.b-side-nav li {font:bold 16px Arial,Helvetica; padding-bottom:2px}

.back-to {position:relative; left:-16px; float:left; font-size:11px; text-align:center; margin-top:-13px}
	.back-to a {display:block; width:51px; padding-top:51px; background:url(../img/back-to.png) no-repeat 0 0}

/* // ---- card prod ---- // */
.b-cardprod {padding-top:15px; font-size:.917em}
	.b-cardprod .img-cover {position:relative; float:left; left:-25px; }
	.b-cardprod table {width:100%; margin-bottom:14px}
	.b-cardprod table .zb {background-color:#f4dda6}
	.b-cardprod table th {font-weight:bold; padding:2px 6px}
	.b-cardprod table td {padding:2px 6px}
	.b-cardprod ul {padding:0 0 14px 6px}
		.b-cardprod ul li {padding:0 0 3px 10px; background:url(../img/li.gif) no-repeat 0 5px}
	.b-cardprod p {padding-bottom:14px}
/* -- ---- card phod ---- -- */

.b-partners {}
	.b-partners ul {float:left; padding-left:35px; width:43%}
	.b-partners li {padding-bottom:18px}
	.b-partners h2 {font:bold 16px Arial,Helvetica; padding-bottom:13px}
	.b-partners p {padding-bottom:14px}

/* // ---- feedback ---- // */
.feedback {}
	.feedback .inputs {padding-bottom:10px}
	.feedback .inputs input, .feedback .inputs textarea {float:left; border:1px solid #bcbcbc; padding:5px 5px; width:450px}
	.feedback .inputs textarea {height:120px}
	.feedback .inputs .capt {float:left; margin-left:10px}
	.feedback .lbl {font-weight:bold; padding-bottom:3px}
	.feedback .btn {color:#e21f29; font:18px Arial,Helvetica; border-width:0; padding:0; background-color:transparent; overflow:visible; margin-top:10px}
		.feedback .btn span {text-decoration:underline}
/* -- ---- feedback ---- -- */

/* // ---- order ---- // */
         .order {position:relative; z-index:3}
         .order .order-link {float:left; display:block; color:#3a4447; font:bold 16px Arial,Helvetica; width:120px; height:48px; background:url(../img/order.png); text-align:center; line-height:48px; text-decoration:none}
	 .order .order-link:hover {color:#fff; background-position:0 -48px}
/* -- ---- order ---- -- */

k {font:Wingdings}
.k {font:Wingdings}

	ul.drop-nav {
		position:absolute; border:1px solid #91999b; top:42px; left:-1px; background-color:#fff; padding:0;font-weight:normal; display:none;
		}
		ul.drop-nav li {
			float:none; border-right-width:0; white-space:nowrap;
			}
			ul.drop-nav li a {
				line-height:18px; height:auto; padding:4px 15px; font-weight: bold;
			}