body {overflow-x: hidden}
* { margin: 0; padding: 0; font-size: 12px; font-family: tahoma; text-align: left; border: 0; }
 h2, h3, h4, h5, h6 {text-align: center; padding-top: 15px; padding-bottom: 15px;}
 h3 {text-align: left; padding-left: 50px; background-image: url("../images/krug2.gif"); background-position: left center; background-repeat: no-repeat; padding-top: 25px; }
p {margin:10px 5px 5px; text-indent: 25px; text-align: justify;} 
a {color: #C0FFFF}
li {
background:transparent url(../images/pointer.gif) no-repeat scroll left 5px;
padding:5px 0 0 10px;
list-style-type: none;
}
.left-col li {padding-top: 0px;}
.left-col ul {padding-top: 20px; padding-left: 100px;}
body {background-color:#2887BD;
background-image:url(../images/fon_table1.gif);
background-position:0 360px;
background-repeat:repeat-x;
color:white;
background-attachment: scroll;}
.right-bg{background-image: url("../images/right_col.jpg"); background-repeat: repeat-x; position: absolute;right:0; width: 50%; height: 340px;}
/*.header  {background-image: url("../images/left_col.jpg");  background-repeat: repeat-x;}*/

.header, .menu, .footer { padding: 0px;  text-align: center; }
/*.header, .menu { border-bottom: 1px solid silver; }*/
.menu { background-image: url("../images/menu_main_stretch.jpg"); background-repeat: repeat-x; height: 29px; color: white;}

.gordi, .center, .right, .left { overflow: hidden; }
.center, .left { float: left; margin-right: -200px; }
/*.main, .right, .left { margin-bottom: -32767px; padding-bottom: 32767px;}*/
.main, .center, .main-other, .main-other-2, .main-other-3 { text-align: center; margin-left: 50%; margin-right: 30%; padding-top: 50px;}
.main-other { margin-right: 10%;}
.main-other-2{margin-left: 40%;}
.main-other-3 {margin-left: 40%; margin-right: 10%; text-align: left} 
.right { border-left: 1px solid silver; background: rgb(247, 248, 249) none repeat scroll 0% 0%; }
.left-col{ position: absolute; top: 370px; left: 20%; padding-top: 50px; width: 30%; min-width: 250px; z-index: 0}
.left-col img{float:left;}
.left-col h1{padding-top: 18px; padding-left: 5px;}
.kit{ padding-bottom: 60px;}

.tb-up{ background-image: url(../images/tb-up.jpg);  width: 400px; height: 48px; }
.tb-middle{ background-image: url(../images/tb-middle.jpg); background-repeat: repeat-y; width: 300px; padding-left: 60px; padding-right: 200px; text-align: left; }
.tb-down { background-image: url("../images/tb-down.jpg"); width: 400px; height: 96px;}

.more{ padding-left: 100px; margin-top: 10px; display: block;}
.footer{ background-image: url("../images/cs_create_13.jpg"); background-position: center 30px; background-repeat: no-repeat; text-align: center; padding-top: 10px;  margin-left: 25%; margin-right: 15%;}
.footer div{float: left; width: 33%; text-align: center;}
.footer span{ margin-top: 50px; clear: both;}
#copy {clear: both;padding-top: 10px; text-align: center; width: 100%;padding-left:0;}
#dmenu { clear: both; float: none; width: 100%; padding-bottom: 15px;}
.port { padding-top: 0px; vertical-align: top;}

#serv-img {background-image: url(../images/serv.jpg); background-position: left top; background-repeat: no-repeat; height: 340px;  z-index: -1;}
#serv-img div{font-weight:bold;padding-top:250px;text-align:center;min-width:50px; padding-left: 10px;}
#port-img {background-image: url(../images/pf.jpg); background-position: left top; background-repeat: no-repeat; height: 340px; width: 350px; z-index: -1;}
#cont-img {background-image: url(../images/cont.jpg); background-position: left top; background-repeat: no-repeat;
height: 340px; width: 400px; z-index: -1;}
#articles-img {background-image: url(../images/articles.jpg); background-position: left top; background-repeat: no-repeat; height: 340px; width: 300px; z-index: -1; }
#orders-img {background-image: url(../images/orders.jpg); background-position: left top; background-repeat: no-repeat; height: 340px; width: 300px; z-index: -1; }
#cs-img {background-image: url(../images/cs.jpg); background-position: left top; background-repeat: no-repeat; height: 340px; width: 200px; padding: 150px 200px 200px 0; min-width: 200px; z-index:-1;}
#prog-img {background-image: url(../images/prog.jpg); background-position: left top; background-repeat: no-repeat; height: 400px;  z-index:-1;}
#mod-img {background-image: url(../images/mod.jpg); background-position: left top; background-repeat: no-repeat; height: 400px;  z-index:-1;}
#os-img {background-image: url(../images/os.jpg); background-position: left top; background-repeat: no-repeat; height: 400px;  z-index:-1;}
#os-img div {font-weight:bold;padding-top:100px;text-align:center;width:60%; min-width: 50px; }
#site-v, #site-k, #site-s, #site-m { background: url(../images/site_vizitka_b.jpg) left top no-repeat; height: 400px; margin-top: 100px; z-index:-1;}
#site-k {background: url(../images/site_catalog_b.jpg) left top no-repeat;}
#site-s {background: url(../images/site_standart_b.jpg) left top no-repeat;}
#site-m {background: url(../images/site_shop_b.jpg) left top no-repeat;}

.left-bg {background-image: url("../images/left_col.jpg");  background-repeat: repeat-x;
position: absolute; left: 0;top: 0; width: 50%; height: 340px;	z-index: -1;
}

.right-bg{background-image: url("../images/right_col.jpg"); background-repeat: repeat-x; position: absolute;right:0; top: 0; width: 50%; height: 340px; z-index: -1;}