/* Null */

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:11px;
	font-family:Tahoma;
}

h1 {font-size: 18px; font-weight: normal; padding-bottom: 5px}

li {behavior:url("../js/hover.htc")}

html {background: url(../i/bg.gif) repeat left top;}
html,body {margin:0; padding:0;	color:#000;	height:100%; /* Все родительские (для .box) элементы должны иметь 100% высоту. Это нужно для прижатия footer'a к низу экрана. */}
body {min-width:1000px; margin:0 auto;}

/* structure
----------------------------------------------------------------------------------------*/
#wrapper {height:auto !important; min-height:75%;	position:relative; background: url(../i/home.png) repeat-x left bottom;}
#layer {padding:0 12px;	position:relative;}

/* header
----------------------------------------------------------------------------------------*/
#header {width: 963px; margin: 0 auto; height: 149px; background: url(../i/krysha.png) no-repeat bottom; padding-top: 11px;}
#logo {display:inline; margin-left: 75px; float: left}
#h-banner {display:inline; margin-right: 85px; float: right; margin-top: 12px}

#head {margin: 0 auto; height: 132px; background: url(../i/head.jpg) no-repeat bottom; padding-top: 11px;}

/* content for index
----------------------------------------------------------------------------------------*/
#content {width: 947px;  text-align: center; background: url(../i/home-in-bg.jpg) repeat left top; border-left: 2px solid #093655; border-right: 2px solid #093655}
.content-in {position: relative; overflow:hidden; margin-left: auto; margin-right: auto;}

.row {border-top: 1px solid #585b5b; border-bottom: 1px solid #585b5b; margin-top: 12px; padding-left: 14px; overflow: hidden; text-align: left}
#okno1, #okno2, #okno3, #okno4, #okno5, #okno6 {float: left; height: 166px; margin-right: 14px;}
#okno1 {background: url(../i/okno1.jpg) no-repeat; width: 293px; }
#okno2 {background: url(../i/okno2.jpg) no-repeat; width: 300px; }
#okno3 {background: url(../i/okno3.jpg) no-repeat; width: 294px; }
#okno4 {background: url(../i/okno4.jpg) no-repeat; width: 293px; }
#okno5 {background: url(../i/okno5.jpg) no-repeat; width: 300px; }
#okno6 {background: url(../i/okno6.jpg) no-repeat; width: 294px; }
#okno7 {background: url(../i/okno7.jpg) no-repeat; width: 915px; height: 167px}

/* кнопки */
.row div span a.click {position: absolute; width: 125px; height: 20px; background: url(../i/btn.png) no-repeat;color: #fff; text-decoration: none; text-shadow: 2px 2px 1px #61584d; text-align: center; line-height: 20px; margin-left: 23px; display: block;}
.btn1 .click, .btn2 .click, .btn3 .click, .btn4 .click, .btn5 .click, .btn6 .click {margin-top: 135px;}
.btn7 .click {margin-top: 13px}
.btn8 .click {margin-top: 41px}
.row div span:hover a.click, .row div span.sfhover a.click {background: url(../i/btn-hover.png); }
.row div span:hover ul, .row div span.sfhover ul {display: block}
.in-menu {position: absolute; list-style:none; background: url(../i/menu-bg.gif) no-repeat; width: 143px; height: 148px; display: none; margin-left: 27px; padding-top: 10px; padding-left: 15px; color: #006391; margin-top: 155px}
.in-menu li {display: block; margin-bottom: 3px}
.in-menu a {color:#006391}
/* //кнопки */

/* выпадающее меню*/
ul.menu {position:absolute; list-style: none; display: inline}
ul.menu li {text-decoration:none; color:#fff; display: block;}
ul.menu li:hover {background: url(../i/btn-hover.png) no-repeat; }
ul.menu li a {color: #fff; text-decoration:none}

ul.menu li ul {margin-left: 5px; list-style:none; text-align: left; padding-bottom: 7px; padding-top: 5px; padding-left: 10px; background: url(../i/menu-bg.gif) no-repeat; color:#006391; text-shadow: none; width: 143px; display: none}
ul.menu li:hover ul {display:block}
ul.menu li ul li a {text-decoration: underline; text-shadow: none; color: #006391}
/* //выпадающее меню*/




/* content for other
----------------------------------------------------------------------------------------*/
#content-other {width: 952px;  text-align: center; background: url(../i/tovar-bg.jpg) repeat left top; margin: 0 auto}
.content-in-other {position: relative; border-bottom: 2px solid #093655}

.top-menu {height: 28px; background: #393b42; border-bottom: 2px solid #000; margin: 0 3px}
.top-menu ul {list-style: none; display: inline; text-align: center; overflow: hidden;}
.top-menu ul li {float: left; width: 16%; line-height: 28px}
.top-menu ul li a {color:#fff; font-size: 12px}
.top-menu ul li a:hover {color: #ffbe4e}
.top-menu ul li span {background: url(../i/tm-line.jpg) no-repeat left center; display: block;}

.middle-menu {background: url(../i/middle-menu.gif) repeat left top; padding: 0 0 6px; margin: 0 3px; border-top: 2px solid #000;}

#m-menu {height: 44px;}
#m-menu ul {list-style: none; display: inline; overflow: hidden;}
#m-menu ul li {float: left; margin-left: 28px; line-height: 44px}
#m-menu ul li a {font-size: 20px; color: #fff; text-decoration: underline;}
#m-menu ul li a:hover {color: #8facc2; border-bottom: 1px #8facc2;}

#m-menu-main {display: none; background: url(../i/m-menu-main.jpg) no-repeat; height: 241px; font-size: 12px}
#m-menu-main ul {list-style: none; text-align: left; float: left; margin-left: 21px; width: 30%; padding-top: 5px}
#m-menu-main li {line-height: 22px; padding-left: 15px;}

/**/
#m-menu-main li {behavior:url(../css/hover.htc);}
/**/

#m-menu-main li:hover, #m-menu-main .hover {background: url(../i/arrow.gif) no-repeat left center;}
#m-menu-main li a {color: #00253c;}
#m-menu-main li a:hover {padding: 3px; color: #fff; text-decoration: none; background:  #333e60}

.tovary {text-align: left; margin-left: 2px; overflow: hidden; margin-bottom: 25px}
.tovary .speedbar {color: #4c4c4c; margin: 7px 0 7px 27px}
.tovary .speedbar a {color: #4c4c4c}
.tovary .title {color: #333e60; background: url(../images/tit.png) no-repeat left; display: block; padding-left: 27px;font-size: 18px;}

.tovar, .cat {margin-left: 43px; padding-top: 19px; overflow: hidden;}
.tovar h2, .cat h2 {color: #2567a5; text-decoration: underline; font-size: 14px; margin-bottom: 13px}
.tovar .text, .cat .text, .cat .text1 {float: left; width: 500px; color: #585858}
.tovar .text h3 {color: #2567a5; text-decoration: underline; margin-top: 5px}
.tovar .text ul {margin: 10px 0; padding-left: 10px; list-style: none}

.tovar .image, .cat .image {margin-left: 520px; margin-top: 15px;width: 203px; height: 132px; position: relative; display: block; vertical-align: absmiddle; text-align: center}
.tovar .image span, .cat .image span, .cat .image1 span {position: absolute; display: block; width: 203px; height: 132px; /* background: url(../i/ramka.png) no-repeat center; */}

.cat {margin-right: 180px; padding-bottom: 15px; margin-bottom: 5px;}
.cat .text1 p {padding-bottom: 15px}
.cat .text1 p a {color:#005a7b}
.cat .text1 p a:hover {text-decoration: none}
.cat .image1 {margin-left: 520px; margin-bottom: 15px; width: 203px; height: 132px; position: relative; display: block; vertical-align: absmiddle; text-align: center}

.down-line {border-bottom: 1px dotted #8a8a8b; padding-left: 10px; margin-bottom: 10px; width: 500px;}

.stranicy {text-align: center; margin: 10px 43px 30px;}
.stranicy span {padding: 3px; background: #949494; color: #fff; margin: 0 3px}
.stranicy a {padding: 3px; text-decoration: none; color: #fff; background: #505050; margin: 0 3px}
.stranicy a:hover {text-decoration: underline}

.tov-down {float: right; list-style: none; margin-right: 30px}
.tov-down li {float:left; display: inline; height: 38px; width: 80px; margin-right: 20px}
.tov-down li a {color: #2567a5}

.tov-down .doc {background: url(../i/doc.png) no-repeat left center; padding-left: 38px; padding-top: 10px}
.tov-down .vop {background: url(../i/vop.png) no-repeat left center; padding-left: 38px; line-height: 38px}
.tov-down .back {background: url(../i/back.png) no-repeat left center; padding-left: 46px; padding-top: 10px}

/* footer for index
----------------------------------------------------------------------------------------*/
#footer {background: url(../i/footer.jpg) repeat-x left top; padding-top: 18px}
#footer .bg {background: url(../i/foot-bg.jpg) repeat left top}
#footer .copy {width: 812px; margin: 0 auto; color: #c8c6c6; padding: 21px 120px 42px 19px; font-size: 14px; line-height: 16px}
#footer .copy p {font-size: 14px}
.f-colums-bg {background: url(../i/copy-bg.jpg) repeat-x left top;}
.f-colums {width: 951px; padding-top: 28px; margin: 0 auto; color: #959595; overflow: hidden; zoom:1; padding-bottom: 17px}
.f-col-l {float: left; width:300px;}
.f-col-r {float: right; width:300px; text-align: right}
.f-col-r .block img {float: right; margin-left: 8px}
.f-col-r .block .link {padding-top: 10px}
.f-col-r .block .link a {color: #c3c6d0}
.f-col-r .block .link a:hover {text-decoration: none}
.f-col-c {margin: 0 300px; line-height: 45px; text-align: center;}

#footer1 {height: 95px; background: url(../i/foot-line.jpg) repeat-x left top;}





#footer .copy #webtext p  {font-size:12px; padding:10px 0px 10px 0px;}
#footer .copy #webtext ul  {font-size:12px; padding:0px 0px 0px 20px;}
#footer .copy #webtext h2  {font-size:14px; padding:2px 0px 2px 0px;}


#webtext p  {font-size:12px; padding:10px 0px 10px 0px;}
#webtext ul  {font-size:12px; padding:0px 0px 0px 20px;}
#webtext h2  {font-size:14px; padding:2px 0px 2px 0px;}