/*Design*/

html { height:100%; }

.iframe {padding:0;margin:0; border:0px}

body{ height:100%; min-width:1000px; background:#bdc2c9 url(/i/top-bg.jpg) repeat-x 0px 0px; color: black; padding: 0; margin: 0; font:11px Tahoma, sans-serif; position: relative; }
img{ border: 0; }
table{ width: 100%; border-collapse: collapse; }
td, th{ padding: 0; vertical-align: top; }
p,form{ margin: 0; }
a { color: #3b5375; text-decoration:underline; }
a:hover { text-decoration:none; }
.clear { clear: both; font-size: 0; }

h3 { font:11px Tahoma, sans-serif; font-weight:bold; color:#060606; margin:0; }
label { font-weight:bold; color:black; }
label span { color:#a50000; }

.bug {  height: 100%; min-width: 1000px; -width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto"); }

.header { min-width:1000px; -width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto"); position:absolute; width:100%; left:0; top:0; background:url(/i/top-bg.jpg) repeat-x 0px 0px; z-index:4; }
.header .inner { background:url(/i/main.jpg) no-repeat center 28px; height:262px; position:relative; width:1000px; margin:0 auto; z-index:10; }
.header .inner .img { position:absolute; top:55px; left:50%; margin-left:-467px; }
.header .inner .top-menu { width:921px; margin:0 auto; height:10px; padding:7px 0 0 10px; position:relative; }
.header .inner .top-menu .icon { position:absolute; top:0px; //top:9px; right:10px; }
.header .inner .top-menu .icon li { list-style:none; float:left; padding-right:12px; }
.header .inner .top-menu .icon li a { position:relative; z-index:11; }
.header .inner .top-menu .navi { position:relative; top:-10px; //top:0px; left:-22px; //left:-20px; }
.header .inner .top-menu .navi li { list-style:none; display:inline; padding-right:10px; }
.header .inner .top-menu .navi li a { list-style:none; display:inline; padding-right:10px; color:#c9ced3; }
.header .inner .top-menu .nav { background:url(/i/bullet.gif) no-repeat left 2px; padding:0 0 4px 18px; }

/*LiveInternet statistic*/
.stat { line-height: 1px; height: 1px; position: absolute; }

.antibug { width:317px; height:1500px; bottom:0; z-index:0; position:absolute; background:#cad0d9 url(/i/bot-bg.jpg) repeat-x left bottom; }
.antibug .main-bord { width:2px; height:1500px; bottom:0; right:0; -right:-1px; position:absolute; background:url(/i/main-border.gif) repeat-y left bottom; }

.outer { position:relative; min-height:100%; width:931px; //left:1px; margin:0 auto; top:-38px; border:1px solid #858a93; border-bottom:0; border-top:0; z-index:2; background:#dbdee6 url(/i/cont-bottom-bg.jpg) repeat-x bottom; }
* html .outer { height: 100%; }
.outer .inner {  padding:38px 0 0px 0; }
.outer .inner .menu { position:absolute; top:298px; z-index:10; left:-30px; width:988px; }
.outer .inner .menu div { float:left; position:relative; }
.outer .inner .menu a { height:39px; display:block; float:left; position:relative; }

.line-l { position:absolute; left:18px; bottom:-10px; z-index:11; }
.line-r { position:absolute; left:969px; bottom:-10px; z-index:11; }
.m-about a { width:254px; background:url(/i/m-about.jpg) no-repeat; position: relative; }
.m-about a:hover, .m-about a.active { background:url(/i/m-about-selected.jpg) no-repeat; cursor:pointer; }
.m-news a { width:150px; background:url(/i/m-news.jpg) no-repeat; }
.m-news a:hover, .m-news a.active { background:url(/i/m-news-selected.jpg) no-repeat; cursor:pointer; }
.m-portfolio a { width:161px; background:url(/i/m-portfolio.jpg) no-repeat; }
.m-portfolio a:hover, .m-portfolio a.active { background:url(/i/m-portfolio-selected.jpg) no-repeat; cursor:pointer; }
.m-order a { width:191px; background:url(/i/m-order.jpg) no-repeat; }
.m-order a:hover, .m-order a.active { background:url(/i/m-order-selected.jpg) no-repeat; cursor:pointer; }
.m-contact a { width:232px; background:url(/i/m-contact.jpg) no-repeat; }
.m-contact a:hover, .m-contact a.active { background:url(/i/m-contact-selected.jpg) no-repeat; cursor:pointer; }
.m-about a.active, .m-news a.active, .m-portfolio a.active, .m-order a.active, .m-contact a.active { }
.m-about a.linked, .m-news a.linked, .m-portfolio a.linked, .m-order a.linked, .m-contact a.linked { cursor:pointer; }
.main { padding-top:300px; //padding-top:298px; z-index:3; }
.main .left { width:315px; position:relative; }
.main .left .head { background:url(/i/h-order-bg.jpg) no-repeat; width:315px; height:65px; position:relative; }
.main .left .head img {margin:32px 0 0 57px; }
.main .left .form {padding-left: 29px; padding-bottom:23px; position:relative; _position:static; z-index:222}
.main .left .form .item { padding:2px 0 6px 0; /*position:relative;*/ }
.main .left .form label {  }
.main .left .form input { height:17px; background:#e8eaee; border:1px solid #848e9c; }
.i-1 { width:219px; }
.i-2 { width:185px; }
.i-3 { width:215px; }
.i-4 { width:209px; }
.s-1 { width:270px; height:20px; background:#e8eaee; border:1px solid #848e9c; }
.t-1 { width:267px; //width:266px; height:117px; background:#e8eaee; border:1px solid #848e9c; }
.main .left .form p { padding-bottom:3px; }
.main .left .form p span { color:#a50000; }
.main .left .form .submit { position:relative; background:url(/i/order.gif) no-repeat left top; height:13px; width:77px; cursor:pointer; border:0; margin-top:12px; }

.l-corn { position:absolute; left:-1px; bottom:-2px; /*-bottom:37px;*/ }
.r-corn { position:absolute; right:-1px; -right:-2px; bottom:-2px; /*-bottom:37px;*/ }
.center-bord { position:relative; z-index:1; width:2px; }
.bot-bord { position:absolute; left:314px; bottom:0; z-index:15; }
.top-bord { position:absolute; left:315px; //left:0px; top:300px; //top:0px; }


.main .right { background:url(/i/right-bg.jpg) repeat-x left top; padding:28px 0; position:relative; }
.main .right .in-left { background:url(/i/h-news-bg.jpg) no-repeat 20px top; float:left; width:296px; position:relative; padding-left:24px; }
.main .right .news .in-left { width:580px; background:none; padding-left:0; padding-top:13px;}
.main .right .news .in-left .item {float:left; padding:0 0 12px 24px;}

.main .right .news .in-head { background:url(/i/h-big-bg.jpg) no-repeat 20px top; position:relative; padding-left:24px; }
.main .right .news .in-head .head { height:14px; position:relative; top:2px; left:26px; margin:0; padding:0 0 10px 0; }
.main .right .head .text_nav { cursor:default; position:absolute; top:0; right:0; padding:0 62px 0 0; }
.main .right .head .text_nav a { cursor:pointer; }
.main .right .head .larr, .main .right .head .rarr { height:0; width:0px; padding:10px 0 0 10px; font-size:0; //font-size:10px; line-height:0; text-decoration:none; overflow:visible; }

.main .right .head .larr { background:url(/i/larr.gif) center 13px no-repeat;}
.main .right .head .rarr { background:url(/i/rarr.gif) center 13px no-repeat;}
.main .right .head .larr span, .main .right .head .rarr span { display:none; }

.main .right .news .in-head .item { padding:16px 28px 0 0; }
.main .right .news .in-head .item p { padding-bottom:5px; text-align:left; }
.main .right .news .in-head .item h3 { padding-bottom:5px; }
.main .right .news .in-head .item h3 span { color:#1761a6; }
.main .right .news .in-head .item img { padding:4px; background:#CFD5E4; border:1px solid #626E7F; float:left; margin:4px 16px 4px 0; display:inline;}

.main .right .in-right { background:url(/i/h-works-bg.jpg) no-repeat left top; position:relative; width:293px; -width:291px; float:left; }
.main .right .in-left .head { position:relative; top:2px; left:26px; margin:0; padding-bottom:10px; }
.main .right .in-right .head { position:relative; top:2px; left:28px; }
.main .right .in-left .item { padding-top:16px; width:266px; }
.main .right .in-left .item p { padding-bottom:5px; text-align:left; }
.main .right .in-left .item .more { background:url(/i/bullet4.gif) no-repeat left 3px; padding-left:18px; }
.main .right .in-left .item img { border:1px solid #626e7f; float:left; margin:4px 10px 4px 0; }
.main .right .in-left .item h3 { padding-bottom:5px; }
.main .right .in-left .item h3 span { color:#1761a6; }

.main .right .in-right .more { background:url(/i/bullet4.gif) no-repeat left 3px; padding-left:18px; }
.main .right .in-right .works { padding:22px 0 12px 14px; margin:0;  }
.main .right .in-right .works li { list-style:none; background:url(/i/bullet2.gif) no-repeat left 5px; padding:0 0 5px 18px; position:relative; }

.main .right .in-one { background:url(/i/h-big-bg.jpg) no-repeat 20px top; position:relative; padding-left:24px;  }
.main .right .in-one .head { position:relative; top:2px; left:26px; margin:0; padding-bottom:10px; }
.main .right .in-one .item { padding:16px 28px 0 0; }
.main .right .in-one .item p { padding-bottom:16px; text-align:justify; }
.main .right .in-one .item h3 { padding-bottom:5px; }
.main .right .in-one .item h3 span { color:#1761a6; }
.main .right .in-one .item .pics { width:180px; float:left; margin-right:-180px; display:inline;}
.main .right .in-one .item .pics img { padding:4px; background:#CFD5E4; border:1px solid #626E7F; margin:2px 0 0 0;}
.main .right .in-one .item .text { float:left; width:381px; margin-left:180px; display:inline; }
.main .right .in-one .item .text p { padding-bottom:16px; text-align:left; }
.main .right .in-one .item .more { background:url(/i/bullet4.gif) no-repeat left 3px; padding:0 0 0 18px; }

.main .right .in-one-wide { background-image: url(/i/h-big-bg_wide.jpg); }
.main .right .in-one-wide h3 { padding-bottom: 16px !important; }
.main .right .in-one .images { padding-bottom: 16px !important; }
.main .right .in-one .images img { padding: 4px !important; background: #CFD5E4; border: 1px solid #626E7F; margin: 2px 0 0 0; }
.main .right .in-one .flashes { width: 499px; padding: 4px !important; background: #CFD5E4; border: 1px solid #626E7F; margin: 2px 0 0 0; }
.main .right .in-one .column-left { display: inline; float: left; width: 250px; margin: 0 0 0 30px; }
.main .right .in-one .column-left * { text-align: left !important; }
.main .right .in-one .column-left-2 { display: inline; float: left; width: 530px; padding-bottom: 20px; }
.main .right .in-one .column-right-2 { float: left; width: 340px; }

.main .right .port { background:url(/i/h-big-bg.jpg) no-repeat 20px top; position:relative; padding:0 0 0 24px;}
.main .right .port .head { position:relative; top:2px; left:26px; margin:0; padding:0 0 10px 0; }
.main .right .port .items  { width:567px; overflow:hidden; position:relative; margin:5px 0 0 0;padding:0; background:url(/i/items-h-bg.gif) 0 0;}
.main .right .port .items .item { width:163px; float:left; padding:0 0 0 25px; border-left:1px solid #f3f4f8; margin:9px 0 10px -1px; position:relative; background:url(/i/bullet2.gif) no-repeat 11px 4px; white-space:nowrap; overflow:hidden;}
.main .right .port .items .item a { display:block; font-weight:bold; }
.main .right .port .items .item .image { width:136px; height:68px; display:block; border:1px solid #626e7e; margin:12px 25px 0 0; background-position:center center;}
.main .right .port .items .item a .image { cursor:pointer; }

.main .right .port1 { background:url(/i/h-big-bg.jpg) no-repeat 20px top;position:relative; padding:0 0 0 24px;}
.main .right .port1 .head { position:relative; top:2px; left:26px; margin:0; padding:0 0 10px 0; }
.main .right .port1 h3 { margin:15px 0 -10px -3px; }
.main .right .port1 .items  { width:561px; overflow:hidden; margin:5px 0 0 -4px;padding:0;}
.main .right .port1 .items .item { float:left; border-top:1px solid #eaedf1; margin:-1px 0 1px 0; list-style:none;}
.main .right .port1 .items .item img { width:155px; height:107px; padding:4px; background:#cfd5e4; border:1px solid #626e7f;}
.main .right .port1 .items .item.l { width:165px; clear:left;}
.main .right .port1 .items .item.c, .main .right .port1 .items .item.r { width:182px; padding:0 0 0 16px;}
.main .right .port1 .items .item .itemwrap { width:165px; margin:14px 0 13px 0; padding:0 0 0 16px; border-left:1px solid #f2f4f6; }
.main .right .port1 .items .item.l .itemwrap { padding: 0; border-left:none;}
.main .right .port1 .items .item p { margin:7px 0 3px 0; overflow:hidden; }
.main .right .port1 .items .item a.more { background:url(/i/bullet4.gif) no-repeat left 3px; padding:0 0 0 18px; color:#3b5375;}
.main .right .port1 .text { width:560px; overflow:hidden; margin:0 0 0 -3px;padding:0; }
.main .right .port1 .text.noimg  {margin:17px 0 0 -3px;}
.main .right .port1 .text p {margin:0 0 14px 0;}

.footer { min-width:1000px; -width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto"); position:relative; width:100%; background:url(/i/bottom-bg.jpg) repeat-x; height:37px; padding-top:332px; margin-top:-370px; z-index:1; }
.footer .inner { position:relative; width:931px; margin:0 auto; height:37px;  border-top:1px solid #858a93; }
.tel { position:absolute; left:50%; margin-left:-436px; bottom:16px; white-space: nowrap; }
.mail { position:absolute; left:70%; margin-left:0; bottom:16px; }
.shema { position:absolute; left:50%; margin-left:170px; bottom:16px; background:url(/i/bullet3.gif) no-repeat left 4px; padding-left:18px; }
.zakazlol {margin:0 24px;}
.zakazlol p {text-align:justify;}


/*---------------map of css-----------------*/
.common {cursor:pointer; position:absolute; z-index:999}
#map1 {width:170px; height:130px; left:150px; top:105px; border:0px solid blue}
#map2 {width:100px; height:110px; left:300px; top:70px; border:0px solid gold}
#map3 {width:130px; height:100px; left:379px; top:134px; border:0px solid red}
#map4 {width:91px; height:113px; left:505px; top:70px; border:0px solid blue}
#map5 {width:160px; height:20px; left:555px; top:216px; border:0px solid red}
#map6 {width:95px; height:140px; left:602px; top:75px; border:0px solid red}
#map7 {width:110px; height:22px; left:705px; top:70px; border:0px solid purple}
#map8 {width:80px; height:100px; left:700px; top:94px; border:0px solid purple}
#map9 {width:140px; height:130px; left:785px; top:105px; border:0px solid green}