* { margin: 0; padding: 0;}
html, body { height: 100%; width: 100%; }
body { color: #2c2c2c; font: 13px arial, helvetica, sans-serif; background: #eeeeee;}
#front {background: #eeeeee url(fon_1.gif) repeat-x 0 450px;}
a{ text-decoration: underline; color: #0b467f; }
a:hover { text-decoration: none; }
h1{ font-size: 18px; color: #2c2c2c;  background: #f8f4f0 url(h2.gif) repeat-x;
border: 1px solid #fceada; height: 32px; line-height: 32px; font-weight: normal; padding: 0 10px 0 30px; margin: 30px 50px 5px 0;}
img{ border: none; }
p {padding: 5px 0;}
.all{ min-height: 100%; min-width: 1000px; margin: 0 auto; max-width: 1440px; overflow: hidden; position:relative;}
.container{ width: 100%; }
.clear{ clear: both; height: 0;}


.sidebar{ float: left; width: 384px; color: #414141; position: relative; z-index: 7; background: url(sidebar-fon.gif) repeat-y 54px 0;
height:100%;
margin-bottom: -1000em;
padding-bottom: 1000em;}
#front .sidebar {position:relative; background: url(sidebar-fon.png) repeat-y 54px 0;
 margin-bottom: -1000em;
padding-bottom: 1000em;}
#front .sidebar-fon {position:relative; background: url(sidebar.png) no-repeat 54px 0; padding: 20px 0 20px 64px;
 margin-bottom: -1000em;
padding-bottom: 1000em; }
.sidebar-fon { background: url(sidebar-vn.png) no-repeat 54px 0; padding: 20px 0 20px 64px; float: left; width: 320px;
 margin-bottom: -1000em;
padding-bottom: 1000em; position:relative;}
.zag {padding: 5px 0; font-size: 24px; font-weight: normal; color: #f58220;}
.sidebar p {  padding: 7px 30px 7px 22px;}
a.logo {position: relative; left: 10px; margin-left:-8px;}
.services {padding: 35px 0 0 37px;}
.services ul{ list-style: square; padding: 10px 30px 0 45px; color: #01407c;}
.services li{ padding: 2px 0;}
.services a{ color: #01407c;}
.fenya-a, .fenya-b, .fenya-c, .fenya-d, .fenya-e, .fenya-f{position: relative;}
.fenya-a div {position: absolute; background: url(usl.gif) no-repeat; width: 47px; height: 86px; left: -96px; top: 50px;}
.fenya-b div {position: absolute; background: url(contact.gif) no-repeat; width: 30px; height: 142px; left: -80px; top: 30px;}
.fenya-c div {position: absolute; background: url(sale.gif) no-repeat; width: 48px; height: 219px; left: -96px; top: 30px;}
.fenya-e div {position: absolute; background: url(about.gif) no-repeat; width: 42px; height: 77px; left: 100%; top: 30px;}
.fenya-f div {position: absolute; background: url(news.gif) no-repeat; width: 45px; height: 150px; left: 100%; top: 30px;}
.contact {padding: 35px 0 0 37px;}
#front .contact {height: 220px;}
.contact p { text-align: center; position: relative; left: -27px; padding: 12px 0;}
.contact p span{font-size: 20px; display: block; padding: 3px 0;}
.sale {padding: 35px 0 0 37px;}
.sidebar .more {padding: 5px 30px 5px 0; text-align: right; color: #5392c4; }
.more a{color: #5392c4; }

.our {padding: 35px 0 0 37px;}
a.work {position: relative; left: -20px; background: url(pf_1.jpg) no-repeat; display: block; padding: 20px 0 0 20px; width: 244px; height: 200px;}

.content{ background: url(sidebar-fon.png) repeat-y 50px 0; padding:0 20px 50px 394px;}
#front .content{ background: url(sidebar-fon.gif) repeat-y 54px 0;}
.indention{ float: left; width: 100%; overflow: hidden;}
#front .indention{ background: url(portf.gif) no-repeat 99.5% 200px;}
.text {position: relative; z-index: 100; margin: 30px 0 0 0;}
.text p{ padding: 5px 50px; }
.text ul {padding-left:100px;}

.top-menu { border-collapse: collapse; height: 88px; border: 1px solid #bdbcbd; background: url(tm.gif) repeat-x; position: relative; z-index: 20; text-align: center;}
.top-menu td { vertical-align: top;}
.top-menu a {font: 20px tahoma, arial, helvetica, sans-serif; padding: 40px 15px 0 15px; height: 42px; border-right: 1px solid #bdbcbd; display: block;
position: relative; top: 3px;}
.top-menu a:hover {color: #f58220;}

.submenu {height: 102px; background: url(podmenu.png) no-repeat; padding: 30px 0 0 50px; width: 146px; list-style: none; }
.submenu li{padding: 1px 0; margin: 0; float: none; height: auto; border: none;}
.submenu li a{font: 14px arial, helvetica, sans-serif;}



.mini-gall{margin: 5px auto; width: 530px; list-style: none; height: 360px; position: relative; z-index: 10; left: -20px;}
.mini-gall li {float: left;}
.mini-gall .port{background: url(pf_2.jpg) no-repeat; padding: 24px 0 0 25px; width: 400px; height: 330px;}
.mini-gall .back {padding: 130px 7px 0 0;}
.mini-gall .next {padding: 130px 0 0 7px;}
.back a {display: block; float: left; width: 44px; height: 72px; background: url(img/back-a.png) no-repeat; }
.back a:hover {background: url(back-h.png) no-repeat; }
.next a {display: block; float: left; width: 43px; height: 72px; background: url(img/next-a.png) no-repeat; }
.next a:hover {background: url(next-h.png) no-repeat;}

.welcome {padding: 30px 50px 0 30px; color: #2c2c2c; height: 207px;}
.welcome p{padding: 10px 10px 0 20px; color: #2c2c2c;}
.wz {font-size: 18px; font-weight: normal;}
.nc{color: #f58220;}
.nc span{color: #0b467f;}
#front .news {padding: 20px 50px 0 30px; width: auto;}
.news {padding: 20px 0; background: url(line.png) no-repeat 50% 100%; width: 100%; height: 180px;}
.news .zag{color: #f58220; font-size: 18px; font-weight: normal;}
.news ul {list-style: none; width: 100%; padding-left:0;}
.news ul:after{content: '.'; display: block; visibility: hidden; height: 0; line-height: 0; clear: both;}
.news li { float: left; width: 49%;}
.news li p{padding: 5px 30px 5px 10px;}
.news li span{padding: 5px 0 0 15px; font-size: 11px;}
.more { text-align: right; color: #5392c4; }


.clear-down{ clear: both; height: 90px; }
.footer{ min-width: 1000px; width:100%; height:35px; margin-top:-35px; position:relative;}
.footer-c{ max-width: 1440px; margin:0 auto;}
.copyright{ padding: 0 0 0 410px; color: #f58220; font-size: 11px;}

.pensil {width: 100%; min-width: 1000px; position: absolute; top: 0; left: 0;}
.pensil div {float: right; background: url(pensil.jpg) no-repeat; width: 178px; height: 177px;}

#end_content {
position:relative;
width:1024px;
height:35px;
margin-top:-35px;
}

.button {
background:none repeat scroll 0 0 #288CBE;
color:#FFFFFF;
}