* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
font-family: Arial, sans-serif;
font-size: 12px;
color: #666;
background: #fff;
}
a:hover {
text-decoration: none;
}
img {
border: 0;
}
ul {
list-style: none;
}
/* Structure */
#header {
height: 234px;
background: url(/img/header.gif) right top no-repeat;
}
#footer {
height: 45px;
position: relative;
margin-top: -45px;
text-align: center;
}
#container {
margin: auto;
min-width: 1000px;
max-width: 1280px;
min-height: 100%;
position: relative;
background: url(/img/bottom.gif) left bottom no-repeat;
}
#wrap {
padding-bottom: 45px;
overflow: hidden;
clear: both; /* для бегущей строки! */
}
#ready, #five_steps {
width: 200px;
/*border: #ccc 1px solid;*/
/*border-right: none;*/
margin: 40px 0 0 0;
padding-top: 25px;
padding-left: 30px;
float: right;
position: relative;
}
#five_steps {
padding: 45px 0 25px 0 !important;
width: 250px !important;
}
.ready {
float: right;
width: 22%;
/*width: 150px;*/
}
#portfolio {
margin-left: 57%;
padding: 31px 0 20px 0;
}
#left-col {
float: left;
padding: 25px 0 0 45px;
width: 25%;
font-size: 11px;
}
#right-col {
float: left;
background: url(/img/cubes.png) 0 0 no-repeat;
height: 522px;
padding: 0;
width: 26%;
font-size: 11px;
margin-top: 10px
}
#vert-menu {
float: left;
width: 179px;
position: relative;
border: #ccc 1px solid;
/*border-left: none;*/
margin: 40px 0 0;
padding: 20px 10px 20px 48px;
}
#content {
margin: 40px 260px 0 45px;
min-height: 530px
}
#content.menu {
margin-left: 257px;
}
/* end of Structure */
/* Header */
.logo {
position: absolute;
top: 59px;
left: 56px;
width: 219px;
height: 88px;
}
.logoNy {
position: absolute;
top: 49px;
left: 56px;
width: 229px;
height: 108px;
}
.bar {
position: absolute;
top: 0px;
left: 93px;
}
.bar li {
float: left;
padding: 18px 0 0 0;
margin-right: 35px;
}
.home {
border-top: 4px #00cf00 solid;
padding: 14px 0 0 0 !important;
width: 35px;
text-align: center;
margin-right: 17px !important;
}
.centered {
margin-left: 35%;
width: 246px;
/*padding: 27px 0 0 0;*/
}
.phone {
width: 170px;
height: 21px;
position: relative;
color: #00cf00;
font-weight: bold;
font-size: 16px;
}
.phone strong {
color: #cfcfcf;
}
.phone span {
position: absolute; top: 0; left: 0;
width: 347px;
height: 20px;
background: url(/img/phones_spb_msk.gif) 0 0 no-repeat;
}
.slogan {
width: 266px;
height: 84px;
position: relative;
color: #00cf00;
font-weight: bold;
font-size: 20px;
margin: 0 0 0 0;
}
.slogan strong {
color: #ff9e00;
display: none;
}
.slogan span {
position: absolute;
top: 0px;
left: 0;
width: 223px;
height: 150px;
background: #fff url('/img/slogan-188.gif') 0 59px no-repeat;
}
.search_site p {
background: url(/img/search_bg.gif) 30px 0 no-repeat;
position: absolute;
top: 157px;
right: 80px;
width: 140px;
padding: 39px 0 0 0;
}
.search_site input {
width: 107px;
height: 17px;
border: #00cf00 1px solid;
color: #999;
vertical-align: top;
font-size: 11px;
padding: 0px 0 0 2px;
margin: 0 10px 0 0;
}
.search_site img{
vertical-align: top;
cursor: pointer;
margin-top: 3px
}
.main_menu {
position: absolute;
top: 175px;
left: 48px; /*
right: 220px; */
}
.main_menu li {
float: left;
margin: 0 33px 0 0;
}
.main_menu li.active {
background: url(/img/stripe.gif) left bottom no-repeat;
height: 54px;
}
#main_menu_a {
color: #666;
padding: 0;
display: block;
float: left;
height: 25px;
font-size: 12px;
padding: 25px 5px 0 0;
background: url(/img/pointer_orange2.gif) top center no-repeat;
border-bottom: 2px solid #ccc;
text-decoration: none;
}
.main_menu span{
color: #666;
padding: 0;
display: block;
float: left;
height: 25px;
font-size: 12px;
padding: 25px 5px 0 0;
}
#main_menu_a:hover {
border-bottom: 2px solid #ff9e00;
}
.main_menu li.active span{
background: url(/img/pointer_green.gif) top center no-repeat;
border: none;
}
.main_menu li.active span a{
color: #666;
text-decoration: none;
}
.main_menu li.active span a:hover{
color: #666;
text-decoration: none;
}
/* end of Header */
/* Left_col */
#left-col h1 {
color: #ff9e00;
font-size: 16px;
position: relative;
width: 144px;
height: 21px;
margin-bottom: 15px;
}
#left-col h1 span {
position: absolute; top: 0; left: 0;
width: 144px;
height: 21px;
background: url(/img/whywe.gif) 0 0 no-repeat;
}
.whywe {
width: 225px;
margin-left: 13px;
}
.whywe li {
padding: 0 0 13px 32px;
}
.one {
background: url(/img/one.gif) 0 3px no-repeat;
}
.two {
background: url(/img/two.gif) 0 5px no-repeat;
}
.three {
background: url(/img/three.gif) 0 4px no-repeat;
}
.four {
background: url(/img/four.gif) 0 0px no-repeat;
}
.five {
margin-top: 5px;
background: url(/img/five.gif) 0 4px no-repeat;
padding-bottom: 0 !important
}
.cube {
display: block;
text-decoration: none;
padding: 39px 0 33px 20px;
color: #fff;
width: 188px;
height: 197px;
cursor: pointer;
}
.cube h2 {
font-size: 22px;
}
.cube h2 img {
vertical-align: top;
}
.grey-cube {
background: url(/img/cube_grey.png) 0 0 no-repeat;
width: 188px;
height: 197px;
padding-right: 47px;
margin-top: 10px
}
.grey-cube h2 {
width: 189px;
height: 31px;
background: url('/img/icon-feedback148.gif') 157px 0 no-repeat;
margin-bottom: 5px;
padding-top: 8px;
}
.green-cube, .orange-cube {
padding-right: 61px;
/* padding-right: 0 !important; */
}
.orange-cube {
padding-top: 24px !important;
//padding-top: 14px !important;
}
.green-cube h2 {
width: 193px;
height: 31px;
background: url('/img/icon-prom148.gif') 167px 0 no-repeat;
margin-bottom: 5px;
padding-top: 4px
}
.orange-cube h2 {
width: 194px;
height: 31px;
/*background: url(/img/support_ico-nu.gif) 150px 0 no-repeat;*/
background: url('/img/kubs188.gif') 140px 0 no-repeat;
margin-bottom: 5px;
padding-top: 4px
}
/* end of Left_col */
/* Portfolio */
#portfolio h2 {
height: 20px;
width: 123px;
margin: 0 0 15px 0;
}
#portfolio h2 img {
width: 187px;
height: 20px;
margin: 0 0 0 0;
}
.item {
width: 165px;
height: 129px;
position: relative;
margin: 0 0 10px 10px;
padding: 0 0 0 05px
}
.item div {
width: 158px;
height: 120px;
overflow: hidden;
}
.item img {
margin-left: 2px;
}
.item span {
background: url(/img/port.png) 0 0 no-repeat;
width: 165px;
height: 129px;
position: absolute; top: 0; left: 0;
z-index: 2;
}
.item span img {
width: 165px;
height: 129px;
}
.item p {
color: #fff;
font-weight: bold;
position: absolute;
bottom: 2px;
left: 10px;
width: 140px;
text-align: center;
z-index: 100;
}
.button {
margin: 0 0 0 10px;
width: 105px;
background: #ff9900 url(/img/but_right.gif) right top no-repeat;
}
.button a {
background: url(/img/but_left.gif) left 0 no-repeat;
display: block;
width: 105px;
color: #fff;
padding-left: 13px;
line-height: 20px;
}
/* end of Portfolio */
/* Ready */
.corner-ltop {
position: absolute; top: -1px; left: -1px;
/*background: url(/img/ready_corner_top.gif) 0 0 no-repeat;*/
width: 14px;
height: 14px;
}
.corner-lbottom {
position: absolute; bottom: -1px; left: -1px;
/*background: url(/img/ready_corner_bottom.gif) 0 0 no-repeat;*/
width: 14px;
height: 14px;
}
#ready h2 {
height: 20px;
position: absolute; top: -10px; left: 25px;
z-index: 100
}
.readysolh2 {
margin-left: 40px !important;
}
.readysolh2 img {
width: 121px;
height: 20px;
}
#five_steps h2{
height: 42px;
position: absolute; top: -9px; left: 20px;
z-index: 100;
border:0px solid
}
#five_steps h2 img{
width: 192px;
height: 42px;
}
.solution {
width: 164px;
height: 129px;
position: relative;
margin: 0 0 8px 10px;
padding: 0 0 0 0px;
/*background: #333;*/
background: url('/img/grn-bg-rdsol.jpg') no-repeat 0 20px;
}
.solution span {
background: url(/img/ready2.png) 0 0 no-repeat;
width: 158px;
height: 111px;
position: absolute; top: 0; left: 7px;
z-index: 3;
}
.solution img {
position: absolute;
width: 156px;
height: 106px;
margin-left: 8px;
margin-top: 1px;
}
.solution p {
color: #fff;
font-weight: bold;
position: absolute;
bottom: 2px;
left: 0;
width: 157px;
text-align: center;
z-index: 99;
}
/* end of Ready */
/* Vert menu */
.corner-rtop {
position: absolute;
top: -1px;
right: -1px;
background: url(/img/corner_ne.gif) 0 0 no-repeat;
width: 14px;
height: 14px;
}
.corner-rbottom {
position: absolute;
bottom: -1px;
right: -1px;
background: url(/img/corner_se.gif) 0 0 no-repeat;
width: 14px;
height: 14px;
}
#vert-menu li {
padding-bottom: 20px;
}
#vert-menu a {
color: #666
}
#vert-menu li.active a {
color: #ff9900;
font-size: 18px;
text-decoration: none;
line-height: 19px
}
.submenu {
margin: 15px 0 -15px 20px;
}
.submenu li {
background: url(/img/tiny_ico.gif) 0 6px no-repeat;
padding-left: 10px;
padding-bottom: 15px !important;
}
#vert-menu li.active .submenu a {
color: #666;
font-size: 11px;
text-decoration: underline;
line-height: 5px !important;
}
#vert-menu li.active .submenu li.active a {
color: #ff9e00;
text-decoration: none;
}
.content_table {
width: 99%;
}
.content_table td {
padding-left:10px;
padding-right:10px;
height: 25px
}
.content_table th {
height: 25px
}
.content_table thead{
background: #ff9e00;
color: #fff;
font-weight: bold;
}
.content_table thead td {
border-left: #fff 1px solid;
}
.content_table thead th {
border-left: #fff 1px solid;
}
.content_table tbody td {
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.content_table thead .first-td{
border-left: none;
}
.content_table tbody .first-td{
border-left: #ccc 1px solid;
}
.date {
display: block;
color: #ff9e00 !important;
margin-bottom: 10px
}
/* end of Vert menu */
/* Portfolio page*/
.port-inner {
overflow: hidden;
margin-bottom: 25px;
}
.portHolder {
}
.port {
width: 156px;
height: 129px;
position: relative;
margin: 0 0 0 8%;
//margin: 0 0 0 5%;
padding: 0 0 25px 0px;
float: left;
}
.port img {
width: 156px;
height: 106px
}
.port span {
background: url(/img/ready.png) 0 0 no-repeat;
width: 156px;
height: 106px;
position:absolute; top: 0px; left: 0px;
z-index: 4;
}
.port span img {
width: 156px;
height: 106px;
}
.port p {
text-align: center;
color: #999;
position:absolute; top: 115px; left: 0px;
width: 156px;
}
.detail {
width: 480px;
margin: auto;
}
.port-big {
border: 1px solid #ccc;
margin: 0 auto 15px auto;
width: 470px;
}
.grey {
height: 22px;
/*margin-left: -10px !important;*/
}
.grey span{
background: #eceaea;
display: block;
float: left;
padding: 5px 10px;
width: 452px;
}
.shifted {
margin-right: 10px;
}
/* end of Portfolio page*/
/* Content */
#content h1 {
color: #ff9e00;
font-size: 24px;
line-height: 25px;
margin-bottom: 15px;
text-align: center;
}
#content h2 {
color: #0cd00c;
font-size: 16px;
line-height: 17px;
margin-bottom: 10px;
}
#content h3 {
color: #666;
font-size: 14px;
line-height: 15px;
margin: 0 0 10px 0;
}
.content-pic {
float: left;
margin: 0 25px 25px 0;
border: #ccc 1px solid;
}
#content p {
margin: 0 0 15px 0;
}
#content a {
color: #ff9e00;
}
#content ul {
margin: 25px 0 25px 37px;
}
#content ol {
margin: 25px 0 25px 53px;
}
#content ul li {
padding-left: 15px;
background: url(/img/ico.gif) 0 7px no-repeat;
line-height: 20px;
}
#content ol li {
line-height: 20px;
}
/* end of Content */
/* Ready solutions */
.site-type {
overflow: hidden;
height: 35px;
margin: 0 0 25px 0!important;
z-index: 8;
}
.site-type li {
padding: 0 0px 0 8px !important;
background: none !important;
float: left;
height: 35px;
}
.site-type li.active#corp {
background: url(/img/active_green.gif) left bottom no-repeat !important;
}
.site-type li.active#cat {
background: url(/img/active_orange.gif) 3px bottom no-repeat !important;
}
.site-type li.active#store {
background: url(/img/active_grey.gif) left bottom no-repeat !important;
}
.site-type li.active a{
border: 0 !important;
}
.site-type li a{
font-weight: bold;
font-size: 14px;
text-decoration: none;
display: block;
float: left;
}
.site-type li img {
margin: 0 0 0 10px;
cursor: pointer;
vertical-align: top;
}
#corp a {
color: #00cf00 !important;
border-bottom: #00cf00 1px dashed
}
#cat a{
color: #ff9900 !important;
border-bottom: #ff9900 1px dashed
}
#store a {
color: #999999 !important;
border-bottom: #999999 1px dashed
}
/* end of Ready solutions */
/* Rounded*/
.cont {
position: relative;
width: 200px;
padding: 0 15px
}
.rounded {
background: #fff;
position: absolute;
top: 345px;
left: 425px;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
z-index: 99;
display: none;
}
.top-rounded {
background: url(/img/top_rounded.gif) 0 0 no-repeat;
width: 232px;
height: 14px;
position: absolute;
top: -14px;
left: -1px;
}
.bot-rounded {
background: url(/img/bot_rounded.gif) 0 0 no-repeat;
width: 232px;
height: 14px;
position: absolute;
bottom: -14px;
left: -1px;
}
#gr a, #or a, #gre a {
width: 10px;
height: 10px;
background: url(/img/close_green.gif) 0 0 no-repeat;
position: absolute;
right: 14px;
top: -2px;
display: block;
}
#or a {
background: url(/img/close_orange.gif) 0 0 no-repeat;
}
#gre a {
background: url(/img/close_grey.gif) 0 0 no-repeat;
}
/* end of Rounded*/
/* Ready_in */
.order {
float: right;
}
.act {
float: left;
display: block;
color: #666 !important;
text-decoration: none;
background: #eceaea;
padding: 5px 10px;
cursor: pointer;
margin-bottom: 15px;
}
.dash {
float: left;
display: block;
color: #666 !important;
text-decoration: none;
border-bottom: #666 1px dashed;
margin: 5px 10px 0 10px;
}
.ready_small {
margin: 0 5px 15px 0;
border: 1px solid #ccc;
}
/* end of Ready_in */
/* Footer */
.center-footer {
margin: auto;
//margin: 20px auto 0 auto;
min-width: 1000px;
max-width: 1280px;
position: relative;
height: 27px;
padding-top: 18px;
}
#footer a {
color: #00cf00;
padding-left: 20px;
}
.mailus {
font-size: 13px;
/*font-weight: bold;*/
position: absolute;
top: 20px;
right: 70px;
background: url(/img/mailus.gif) 0 4px no-repeat;
}
.copyr {
position: absolute;
top: 20px;
left: 30px;
color: #666;
}
.map {
font-size: 13px;
/*font-weight: bold;*/
background: url(/img/map.gif) 0 2px no-repeat;
}
/* end of Footer */
.iwantasitefromu {
position: absolute;
margin: 30px 0 0 10px;
width: 208px;
height: 41px;
}
.phone3 {
float: right;
width: 200px;
text-align: left;
/*height: 80px;*/
margin: 30px 0 0 0;
font-size: 24px;
color: #666;
display: inline;
line-height: 36px;
}
.goodPic {
float: left;
margin: 0 20px 0px 0;
}
.goodPic img {
BORDER-BOTTOM: #e8e8e8 5px solid;
BORDER-LEFT: #e8e8e8 5px solid;
BORDER-TOP: #e8e8e8 5px solid;
BORDER-RIGHT: #e8e8e8 5px solid
}
.goodPic a {
color: #006699;
}
/* 30.07.2009 */
.orderMe {
display: block;
width: 227px;
height: 31px;
background: url('/img/orderme.gif') no-repeat 0 0;
float: left;
margin: 0 0 20px 28px;
}
.prevOne {
display: block;
float: left;
background: url('/img/icon-prev.gif') no-repeat 0 2px;
padding: 0 0 0 24px;
margin: 8px 0 0 0;
}
.nextOne {
display: block;
float: right;
background: url('/img/icon-next.gif') no-repeat right 2px;
padding: 0 24px 0 0;
margin: 8px 10px 0 0;
}
.cleaner {
clear: both;
}
.changing {
float: right;
font-size: 10px;
margin: 0 10px 0 0;
line-height: 15px;
}
.changing img {
position: absolute;
width: 10px;
height: 10px;
margin: 2px 0 0 0 !important;
}
.changing span {
margin: 0 0 0 10px;
}
#page_navi div, #page_navi a {
width: 18px;
float: left;
margin: 0 5px 0 0;
text-align: center;
}
#page_navi div {
background: #ff9e00;
color: #fff;
}
#page_navi a img {
margin: 1px 0 0 0;
}
.prevOne2 {
display: block;
float: left;
margin: 3px 0 0 0;
width: 12px;
height: 13px;
background: url('/img/next-one1.gif') no-repeat 0 0;
}
.nextOne2 {
width: 12px;
height: 13px;
background: url('/img/icon-next.gif') no-repeat 0 0;
}
.pagesTtl {
float: left;
width: 70px !important;
background: none !important;
color: #666 !important;
}
.news {
margin: 0 0 50px 0;
}
.news h2 span {
display: block;
/*float: left;*/
font-size: 14px;
color: #00cf00 !important;
}
.news h2 {
font-size: 14px !important;
color: #ff9e00 !important;
}
.editThisTbl td {
border: 1px solid #ccc;
}
.editThisTbl th {
font-weight: normal;
background: #e5e5e5;
border: 1px solid #ccc;
}
.dikiybanner {
width: 237px;
height: 227px;
background: #ccc;
position: absolute;
bottom: 0px;
margin: 0 0 -250px -45px;
}
.dikiybanner2 {
width: 237px;
height: 227px;
background: #ccc;
float: left;
}
.strelki {
text-align: center;
margin: 10px 0;
}
.strelki img {
width: 66px;
height: 36px;
margin: 0 4px;
}
#schemeBlck {
width: 458px;
height: 475px;
background: url('/img/shema_9_198.jpg') no-repeat 0 25px;
margin: 0 auto;
}
#schemeBlck a {
color: #6f6f6f;
display: block;
width: 35px;
text-align: right;
text-decoration: none;
border-bottom: 1px solid #6f6f6f;
position: absolute;
}
.schmLnk1 {
text-align: left !important;
margin: 270px 0 0 48px;
}
.schmLnk2 {
margin: 135px 0 0 365px;
}
.schmLnk3 {
margin: 205px 0 0 365px;
}
.schmLnk4 {
margin: 330px 0 0 365px;
}
.schmLnk5 {
margin: 370px 0 0 365px;
}
.schmLnk6 {
margin: 410px 0 0 365px;
}
.artTtl {
font-size: 14px !important;
margin: 0 0 15px 0 !important;
}
.artDate {
font-size: 14px;
color: #00cf00;
float: left;
display: block;
margin: 1px 25px 15px 0;
font-weight: bold;
}
.artShrt {
clear: both;
margin: 0 0 20px 0;
}
.frstTd {
width: 50px !important;
border-right: 1px solid #333;
}
.green {
color: #00cf00;
font-weight: bold;
}
.priceTbl {
border: none !important;
width: 95%;
}
.priceTbl thead {
background: #858585;
color: #fff;
height: 46px;
}
.priceTbl thead th {
border-left: 2px solid #b4b4b4;
border-top: 2px solid #b4b4b4;
border-bottom: 2px solid #b4b4b4;
font-weight: normal;
}
.priceTbl tbody td {
border-left: 2px solid #b4b4b4;
border-bottom: 2px solid #b4b4b4;
text-align: center;
padding: 10px 0;
}
.priceTbl tbody {
border-right: 2px solid #b4b4b4 !important;
}
.priceTbl {
border-spacing: 0 !important;
}
.lastTd {
border-right: 2px solid #b4b4b4;
font-weight: bold;
}
.lastTd2 {
border-right: 2px solid #b4b4b4;
}
.orange {
color: #ff9e00;
}
.centerMe {
text-align: center;
}
.centerMe img {
width: 459px;
}
.bigScheme {
display: block;
position: absolute;
width: 290px !important;
height: 400px;
border: none !important;
margin: 50px 0 0 80px;
}
.commercial {
float: right;
width: 190px;
text-align: left;
margin: 30px 0 0 0;
color: #666;
display: inline;
line-height: 26px;
}
.commercial h2 {
margin-left:25px;
}
.commercial a {
color: #666;
}
.commercial a:hover {
color: #666;
}
.commercial_item {
width:165px;
line-height:16px;
}
.commercial_item p {
margin-bottom:10px;
}
.move {
width: 675px;
font-size: 18px;
font-weight: bold;
line-height: 26px;
margin: 10px 0 0 48px;
z-index: 10 !important;
color: #01cf01;
}
.move span {
color: #fa9500;
font-size: 22px;
}
.moveBg {
display: block;
position: absolute;
top: 245px;
left: 48px;
width: 675px;
height: 26px;
background: url('/img/move-bg.png') no-repeat 0 0;
/*margin: -26px 0 0 48px;*/
z-index: 100 !important;
}
.promotion {
background: #ff9e00 url('/img/prom1.gif') no-repeat left top;
}
.promInner {
background: url('/img/prom2.gif') no-repeat right top;
font-size: 14px;
color: #fff;
text-align: center;
}
.promInner2 {
background: url('/img/prom3.gif') no-repeat right bottom;
}
.promInner3 {
background: url('/img/prom4.gif') no-repeat left bottom;
}
.promInner3 h2 {
display: block;
height: 40px;
margin: 0 0 15px 0 !important;
background: url('/img/prom-title.gif') no-repeat center 0;
}
.promInner3 h2 span {
display: none;
}
.promInner3 input {
font: 14px Arial, sans-serif;
width: 25px;
border: none;
border-top: 1px solid #999;
border-left: 1px solid #999;
margin: 0 5px;
}
.promInner3 a {
display: block;
margin: 20px auto 0 auto;
width: 125px;
height: 33px;
background: url('/img/prom-go.gif') no-repeat 0 0;
}
.promInner3 a span {
display: none;
}
.results {
text-align: left;
border-top: 1px dashed #fff;
border-bottom: 1px solid #fff;
margin: 20px 20px 0 20px;
padding: 10px 0 10px 0;
}
.results p {
line-height: 14px !important;
margin: 0 0 5px 0 !important;
}
.results p span {
font-weight: bold;
}
.itogo {
font-size: 20px;
line-height: 40px;
text-align: left;
margin: 0 0 0 20px!important;
}
.strkHldr {
margin: 5px 0 0 45px;
float: left;
display: inline;
}
.knopk412 {
width: 227px;
height: 29px;
display: block;
float: right;
background: url('/img/knopka4-12.jpg') no-repeat 0 0;
margin: 0 10px 0 0;
}
/* 15.02.2010 */
.ntc1503 {
width: 210px;
margin: 40px 0 44px 20px;
}