html, body {margin:0; padding:0; width:100%; /*height:100%;*/ background:white; /*background-image:url(img/bg_tile_px.gif);*/  background-image:url(/img/bg_tile.png); background-repeat:repeat-x; background-position:0 0;}
body {min-width: 980px; position:relative; min-height:100%; /*height:100%; /*height:1400px;*/ font-family:tahoma; font-size:12px; color:#e0e0e0; background-color:white;}
img {border:0;}
a {color:white;}
a:hover {color:#c0c0c0; text-decoration:none;}

.container {position:relative; z-index:1; height:100%;}

.head {position:relative; z-index:0; width:100%; height:280px;}
.logo {display:block; position:absolute; z-index:5; left:0; top:32px; width:399px; height:192px; background-image:url(img/logo.png); ;}
.logo a {display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:15; background:url(/trans-tile.png); text-indent:-9999px; overflow:hidden;}
.logo embed {position:relative; z-index:10; background:transparent; margin:8px 0 0 32px;}
.slogan {display:block; position:absolute; z-index:4; left:272px; top:48px; width:292px; height:56px; background-image:url(img/slogan.png);}
.navigation {display:block; position:absolute; z-index:7; left:56px; top:8px; width:72px; height:32px;}
.navigation a {display:block; float:left; margin:0 0 0 8px; width:16px; height:16px; background-position:0 16px;}
.navigation a:hover {background-position:0 0;}
.map {display:block; position:absolute; z-index:6; right:8px; top:0; width:584px; height:240px; background-image:url(img/karta.png);}
.bg-city {display:block; position:absolute; z-index:1; width:100%; height:100%; background-image:url(img/tiledsity.png); background-repeat:repeat-x; background-position:0 72px;}

.content {display:block; /*float:left;*/ width:100%; min-width:980px; height:auto; padding:0 0 144px 0; margin:0; }

.center {display:block; float:left; width:100%; height:568px;}
.center-bg {display:block; position:absolute; z-index:2; left:50%; top:192px; margin:0 0 0 -284px; width:568px; height:568px; background-image:url(img/centre33.png);}
/*.fantom-center {display:block; float:left; width:100%; height:800px; } */
.menu-circle-left {display:block; position:absolute; z-index:3; left:50%; top:192px; margin:0 0 0 -536px; width:400px; height:568px;}
.menu-circle-left span {display:block; float:right; clear:both; margin:0; padding:0 8px 0 0; width:208px; height:48px; line-height:44px; text-align:right; background-image:url(img/button-lt.png); background-repeat:no-repeat; background-position:0 48px; }
.menu-circle-left a {display:block; float:right; width:112px; padding:0 0 0 96px; font-size:16px; color:white; text-align:right; text-decoration:none; font-weight:bold; }
.menu-circle-left span:hover {background-position:right 0;}
.menu-circle-left span:hover a {text-decoration:underline;} 
#stmnuleft01 {margin:48px 24px 0 0;}
#stmnuleft02 {margin:40px 96px 0 0;}
#stmnuleft02 a {line-height:16px; padding-top:4px;}
#stmnuleft03 {margin:64px 120px 0 0;}
#stmnuleft04 {margin:64px 100px 0 0;}
.menu-circle-right {display:block; position:absolute; z-index:3; left:50%; top:192px; margin:0 0 0 200px; width:400px; height:568px;}
.menu-circle-right span {display:block; float:left; clear:both; margin:0; padding:0 8px 0 0; width:208px; height:48px; line-height:44px; text-align:right; background-image:url(img/button-rt.png); background-repeat:no-repeat; background-position:0 48px; }
.menu-circle-right a {display:block; float:left; width:200px; padding:0 0 0 8px; font-size:16px; color:white; text-align:left; text-decoration:none; font-weight:bold; }
.menu-circle-right span:hover {background-position:left 0;}
.menu-circle-right span:hover a {text-decoration:underline;}
#stmnurt01 {margin:120px 0 0 16px;}
#stmnurt02 {margin:60px 0 0 52px;}
#stmnurt03 {margin:64px 0 0 48px;}
#stmnurt03 a {line-height:16px; padding-top:4px;}
.menu-left {display:block; float:left; width:272px; height:auto;}
.menu-left a {display:block; float:left; width:240px; line-height:48px; padding:0 0 0 32px; margin:0; color:white; font-size:16px; font-weight:bold; text-decoration:none; text-transform:lowercase;}
.menu-left a:hover {background-image:url(img/button2.png); background-repeat:no-repeat;}
.page-content h1 {color:white; text-align:center;}
.page-content img {width:144px; height:200px; margin:16px 16px 16px 0;}

.search {display:block; position:absolute; z-index:4; width:328px; height:280px; left:0; top:664px; background-image:url(img/search.png);}
.p-search {display:block; float:left; width:328px; height:168px; background-image:url(img/search_2.png);}
.sform {display:block; float:right; width:186px; height:16px; border:0; margin:78px 0 0 0; padding:0;}
.sfield {display:block; float:right; width:186px; height:16px; border:0; margin:0; padding:0;}
.sinput {display:block; float:left; width:140px; height:16px; border:0; margin:4px 0 0 12px; padding:0; background:transparent; font-size:12px; font-family:tahoma; color:#400000;}
.sbutton {display:block; float:right; height:24px; margin:0; padding:0; width:24px; background:transparent; cursor:hand; border:0;}
.menu-bottom {display:block; position:absolute; z-index:4; right:0; top:632px; width:576px; height:216px;}
.menu-bottom span {display:block; float:left; width:192px; height:100%; background-repeat:no-repeat;}
.menu-bottom p {display:block; position:absolute; bottom:0; text-align:center; margin:0 0 0 16px; width:160px; height:32px; color:white;}

.content-text {display:block; position:absolute; z-index:4; left:0; top:848px; width:100%; height:auto; margin:0; padding:0 0 136px 0;}
.content-text h1 {display:block; float:left; clear:left; height:24px; font-size:16px; font-weight:bold; margin:0 0 0 32px; padding:0; color:white; }
.content-text h2 {display:block; float:left; clear:left; height:24px; font-size:16px; font-weight:bold; margin:0 0 0 32px; padding:0; color:white; }
.content-text span {margin:0; padding:16px 0 0 0; font-size:12px; font-family:tahoma;} 
.production {display:block; float:left; width:648px; height:232px;}
.production a {display:block; float:left; width:216px; height:232px; background-repeat:no-repeat; background-position:0 -292px; cursor:hand;}
.production p {display:block; position: absolute; bottom:136px; text-align:center; margin:0 0 0 32px; width:160px; height:32px; text-decoration:none; font-size:12px; font-family:tahoma;}
.production a:hover {background-position:0 0;}
.production a:hover p {text-decoration:underline; color:white;}
.production a.selrt {background-position:0 0;}
.production a.selrt p {text-decoration:underline; color:white;}
.prod-info {display:block; padding:32px 0 0 0; font-size:12px;}
.prod-info p {font-weight:bold; font-size:12px; color:white; clear:right; margin:0; padding:0;}
.prod-info span {display:block; float:left; clear:none; margin:0; padding:0;}
.vi_frame {width:448px; height:368px; background-image:url(img/frame.png);}

.modal-w {display:none; position:absolute; width:100%; height:100%; z-index:9999; background:url(/img/tile-bg.png)}
.modal-unhide {display:block}
.modal-bg-sh {display:block; width:100%; top:0; height:100%; position:fixed; z-index:1}
.modal-w-frame {display:table; position:fixed; width:100%; height:100%}
.modal-w-frame-td {display:table-cell; vertical-align:middle}
.modal-w-cont {display:block; position:relative; z-index:5; width:314px; margin:0 auto; min-height:100px; background:#fff; border-radius:10px; background:#C9E7F5}
.modal-w-close {display:block; position:absolute; right:6px; top:6px; cursor:pointer; width:24px; height:24px; background:url(/img/x.png)}
.feedback-h {display:block; background:#83BCD7; font-size:1.4em; text-transform:uppercase; text-align:center; line-height:60px; color:#005278; height:50px; border-radius:10px 10px 0 0; border-bottom:1px solid #358BB3}
.sendform {display:block; padding:4px 18px 18px} 
.s-inp {display:block; margin:12px auto; border:0; width:280px; background:#fff; height:32px; padding:0 6px}
.s-txt {display:block; margin:12px auto; border:0; resize:none; width:280px; padding:8px}
.s-but {display:block; margin:12px auto 0; border:0; cursor:pointer; border-radius:20px; text-transform:uppercase; color:#fff; height:40px; width:172px; background:url(/img/button_2.png) 0 -40px}
.s-but:hover {background-position:0 0}
.s-but:disabled {background:#ccc; cursor:default}
#mc {margin:0 auto}
#mc p {color:#000; width:280px; margin:0 auto 12px}
#mc a {color:#166286}
.feed-in-error div {padding:8px 0 0; color:red} .feed-in-ok div {padding:8px 0 0; color:green}
.feedback-b {display:block; position:absolute; margin:0 0 0 36px; padding:0 16px; border-radius:20px; font-size:1.2em; height:40px; line-height:40px; text-align:center; text-transform:uppercase; cursor:pointer; background:url(img/button_2.png) 0 -40px}
.feedback-b:hover {background-position:0 0}

.footer {width:100%; height:136px; position:absolute; z-index:12; margin:0; bottom:0; left:0; text-align:center;}
.p-footer {width:100%; height:304px; clear:both; position:absolute; z-index:12; margin:0; bottom:0; left:0; text-align:center;}
.copyright {display:block; float:left; margin:96px 0 0 32px; }
.logoinsy {display:block; float:right; width:96px; height:36px; margin:76px 32px 0 0; background-image:url(img/logoinsy.png); background-repeat:no-repeat; background-position:4px 0;}
.logoinsy a {display:block; width:100%; height:16px; padding:20px 0 0 0;}
.logoinsy a:hover {color:white;}
.counter {display:block; float:right; width:224px; margin:0 32px 0 0; height:104px; background-image:url(img/shesterenka.png);}