/* Global *******************/
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
body {
  font-family: Verdana, Geneva, sans-serif;
  min-height: 100%;
}
a {color: #346b9e;}


.cleaner {clear: both;}

#container {
  margin: 0 auto;
  position: relative;
  width: 995px;
}

.cleaner {clear: both;}

.header {position: relative; width: 100%; height: 130px;}
.header .logo {position:absolute; top: 20px; left: 30px; border: 0; padding: 0; margin: 0;}
.header .phones {width: 220px; position: absolute; top: 10px; right: 20px; color: #ff0000; font-size: 25px; font-style: italic;}
.header .wm_phones {width: 270px; position: absolute; top: 20px; right: 20px; color: #ff0000; font-size: 28px; font-style: italic; font-weight: bold;}
.header .menu {position: absolute; top: 85px;right: 10px; list-style-type: none; padding: 0; margin: 0;}
.header .menu li {padding: 3px 15px 5px 20px; margin: 0; display: inline; background: url(/img/li_bg.gif) top left no-repeat;}
.header .menu li:first-child {background: none;}
.header .menu li a {font-size: 12px; color: #346b9e; text-decoration: none;}
.header .menu li a:hover {text-decoration: underline; color: red;}

.header .wm_menu {position: absolute; top: 85px;right: 10px; list-style-type: none; padding: 0; margin: 0; background: url(/img/three_lines.gif) bottom repeat-x; padding-bottom: 25px;}
.header .wm_menu li {padding: 3px 30px 5px 0px; margin: 0 1px 0 0; display: inline; border-bottom: 1px solid #e0e1e2;}
.header .wm_menu li a {font-size: 12px; color: #346b9e; text-decoration: none;}
.header .wm_menu li a:hover {color: red;}

.middle {position: relative; width: 100%;}
.middle .banner {position: relative; padding: 0; margin: 0 10px 15px 0; border: 0; float: right;}

.wm_middle {position: relative; width: 100%; padding-top: 15px;}
.wm_middle .banner {position: relative; padding: 0; margin: 0 10px 15px 0; border: 0; float: right;}

.left1 {position: relative; border-left: 13px solid #c6ea58;background: url(/img/left_col1.jpg) 40px center no-repeat; margin-top: 20px; width: 100%;}
.left2 {position: relative; border-left: 13px solid #99b5ce;background: url(/img/left_col2.jpg) 40px center no-repeat; margin-top: 40px;z-index: 999;width: 100%;}
.left3 {position: relative; border-left: 13px solid #fc6a29; background: url(/img/left_col3.jpg) 40px center no-repeat; margin-top: 40px;width: 100%;}
.left4 {position: relative; border-left: 13px solid #e793e5; background: url(/img/clients.gif) 40px center no-repeat; margin-top: 40px;width: 100%;min-height:200px; }

.wm_left {position: relative; background: url(/img/akcii.gif) top left no-repeat; margin-top: 20px; width: 100%;}
.studio_left {position: relative; background: url(/img/studio.gif) top left no-repeat; margin-top: 20px; width: 100%;}
.port_left {position: relative; background: url(/img/port.gif) top left no-repeat; margin-top: 20px; width: 100%;}
.raskr_left {position: relative; background: url(/img/raskr.gif) top left no-repeat; margin-top: 20px; width: 100%;}




.right_col {position: relative; padding-left: 215px;}
.right_col p {font-size: 12px; color: #464646; padding: 0 10px 10px 0; margin: 0; text-align: justify;}

.three_lines {position: relative; width: 250px; height: 5px; background: url(/img/three_lines.gif) repeat-x; margin-right: 10px; float: left; top: -20px;}
.three_lines1 {position: relative; float: left; width: 250px; margin-right: 10px; height: 15px; border-top: 1px solid #e0e1e2; margin-top: 10px;}

.wm_three_lines {position: relative; width: 250px; height: 5px; background: url(/img/three_lines.gif) repeat-x; margin-right: 15px; float: left; margin-top: 15px;}
.wm_three_lines1 {position: relative; float: left; width: 250px; margin-right: 15px; height: 15px; border-top: 1px solid #e0e1e2; margin-top: 10px;}


.right_col .works {width: 250px; position: relative; float: left; margin-right: 10px;}
.right_col .works img {padding: 0 0 5px 0; margin: 0; border: 0;}
.right_col .works span.title {font-size: 12px; color: #346b9e;}
.right_col .works a {font-size: 10px; color: #464646; display: block; margin-top: 5px; margin-bottom: 10px;}
.right_col .works span.down {font-size: 12px; color: #585857;}
.right_col .empty {position: relative; float: left; width: 250px; height: 180px; margin-right: 10px; background: #c8c3be;}
.right_col .sfera {position: relative; float: left; width: 250px; margin-right: 10px; }
.right_col .sfera a {color: #346b9e;}
.right_col .sfera a:hover {text-decoration: none;}
.right_col .sfera p {text-align: left;}

.port_left .right_col .works {margin-right: 15px; margin-top: 10px;}

.right_col .block {position: relative; float: left; width: 250px; margin-right: 10px; margin-top: 20px;}
.right_col .block h1 {font-size: 12px; color: #454647; font-weight: normal; padding: 0 0 15px 0; margin: 0 0 25px 0; background: url(/img/h1.gif) bottom center no-repeat;}
.right_col .block p {text-align: left;}
.right_col .block a {color: #346b9e; text-decoration: none;}

.right_col .block form {padding: 0; margin: 0; border: 0;}
.right_col .block form input {width: 220px; height: 20px; border: 1px solid #a7a6aa; color: #a7a6aa; font-size: 12px;}

.right_col .akciya {position: relative; float: left; width: 250px; margin-right: 15px; margin-top: 15px;}
.right_col .akciya img {padding: 0; margin: 0; border: 0;}
.right_col .akciya p.title {padding: 0 0 10px 0; margin: 0; font-size: 12px; color: #346b9e; font-weight: bold;}
.right_col .akciya p.text {font-size: 10px; padding: 10px 0 10px 0; margin: 0; color: #585857;}
.right_col .akciya p.text a {color: #363636; font-weight: bold;}
.right_col .akciya p.text a:hover {text-decoration: none;}

.right_col .akciya p.more {padding: 0; margin: 0; text-align: right;}
.right_col .akciya p.more a {font-size: 9px; color: #363636;}

.right_col .pics p.title {padding: 20px 0 10px 0; margin: 0; font-size: 12px; color: #346b9e; font-weight: bold;}
.right_col .pics img {paddin: 0; margin: 15px 15px 0 0; border: 0; float: left;}

.right_col .raskr_block {position: relative; text-align: justify; margin-bottom: 30px;}
.right_col .raskr_block p.title {padding: 0 0 20px 0; margin: 0; font-size: 14px; color: #8393ca; font-weight: bold;}
.right_col .raskr_block p.more {text-align: right;}
.right_col .raskr_block p.more a {font-size: 10px;color: #817e80;}
.right_col .raskr_block p.more a:hover {text-decoration: none;}

.footer {position: relative; text-align: right; font-size: 10px; color: #000; padding-right: 30px; margin-top: 40px; height: 50px;}

.frog {position: relative; float: right; margin-right: 20px; width: 149px; height: 122px; background: url(/img/frog.gif); margin-top: 60px;}



.right_col ul.preim {padding: 20px 0 0 0; margin: 0; list-style-type: none; font-size: 14px;}
.right_col ul.preim li {padding: 2px 0 20px 35px; background: url(/img/apple.gif) top left no-repeat;}