#wr_container {
width: 778px;
height: auto;
margin: 0 auto;
}
#container {
width: 748px;
height: auto;
margin: 10px auto;
text-align: left;
}
.illustration {
width: 748px;
height: 305px;
background: #F9F9F9 url(/im/i_portfolio.jpg) no-repeat;
}
.illustration#i_contacts_ru {
background-image: url(/im/i_contacts_ru.jpg);
}
.illustration#i_contacts_en {
background-image: url(/im/i_contacts_en.jpg);
}
.illustration#i_feedback {
background-image: url(/im/i_feedback.jpg);
}
.illustration#i_team_ru {
background-image: url(/im/i_team_ru.jpg);
}
.illustration#i_team_en {
background-image: url(/im/i_team_en.jpg);
}
.illustration#i_stories {
background-image: url(/im/i_stories.jpg);
}
.illustration#i_services_ru {
background-image: url(/im/i_services_ru.jpg);
}
.illustration#i_services_en {
background-image: url(/im/i_services_en.jpg);
}
.illustration#i_tools {
background-image: url(/im/i_tools.jpg);
}
.illustration#i_partners {
background-image: url(/im/i_partners.jpg);
}
.illustration#i_map {
background-image: url(/im/i_map.jpg);
}
.illustration#i_error_ru {
background-image: url(/im/i_error_ru.jpg);
}
.illustration#i_error_en {
background-image: url(/im/i_error_en.jpg);
}
#logo {
text-align: right;
}
#logo img {
margin: 28px 8px 0 0;
}
#i_bot {
width: 748px;
height: 40px;
background: #000 url(/im/i_bot.jpg) no-repeat;
}
.pict {
padding: 0 0 0 8px;
float: right;
}
.pict#p_1 {
margin: 12px 10px 0 0;
}
.pict img {
margin: 0 0 0 7px;
}
#langs {
width: 50px;
float: right;
}
#langs div {
padding: 10px 7px 0 0;
float: right;
}
#langs A {
font-size: 12px;
color: #FFF;
}
#langs A.l_active, #langs A:hover {
color: #A3D6F5;
}
#langs2 {
width: 70px;
margin: -3px 0 0;
float: right;
}
#langs2 div {
padding: 0 12px 0 0;
float: left;
}
#langs2 A {
font-size: 13px;
}
#langs2 A.l_active {
color: #005197;
}
#wr_menu {
padding: 9px 0 0 20px;
}
#menu {
height: 14px;
background: url(/im/sep.gif) no-repeat 0 2px;
}
#menu div {
padding: 0 10px;
float: left;
background: url(/im/sep.gif) no-repeat 100% 2px;
}
#menu div A {
font-size: 13px;
color: #FFF;
}
#menu div A.active, #menu div A:hover {
color: #A3D6F5;
}
#empt {
height: 25px;
}
.empt {
clear: both;
height: 25px;
}
#pad {
padding: 0 2px 0 6px;
}
#sections {
position: relative;
top: 0px;
left: 0;
height: 110px;
}
#sections .section {
position: absolute;
float: left;
background: url(/im/ar_b.jpg) no-repeat 10px 0;
}
.section#s1 {
top: 0;
left: 0;
z-index: 10;
}
.section#s2 {
top: 0;
left: 185px;
z-index: 20;
}
.section#s3 {
top: 0;
left: 370px;
z-index: 30;
}
.section#s4 {
top: 0;
left: 555px;
z-index: 40;
}
#sections div.last {
width: 185px;
}
.section_link {
border-left: 1px solid #C2C2C1;
}
#sections div.last .section_link {
border-right: 1px solid #C2C2C1;
}
.section_link A {
font-size: 12px;
color: #000;
display: block;
margin: 0 0 0 10px;
padding: 0 0 0 25px;
}
.section_link A:hover, .section_link A.active {
color: #005197;
}
.subsection {
height: 90px;
visibility: hidden;
border-left: 1px solid #C2C2C1;
}
.subsection div {
padding: 7px 0 0 14px;
}
.subsection div.first {
padding: 10px 0 0 14px;
}
.subsection A {
color: #72706F;
}
.subsection A:hover, .subsection A.active {
color: #DA251D;
}
.subsection#vis {
visibility: visible;
}
.subsection#hid {
visibility: hidden;
}
#sections .section_d {
width: 370px;
position: absolute;
float: right;
background: url(/im/ar_b.jpg) no-repeat 10px 0;
top: 0;
left: 370px;
z-index: 40;
}
#sections .section_d .section_link {
border-right: 1px solid #C2C2C1;
}
#sections .section_d .subsection {
visibility: visible;
}
#footer {
font-size: 10px;
margin: 15px 0 0;
padding: 0 1px 0 6px;
}
#footer A {
font-size: 10px;
}
#styles {
padding: 2px 0 0;
width: 400px;
float: right;
}
#styles A {
color: #838281;
display: block;
margin: 0 0 0 24px;
float: right;
}
#styles A:hover {
color: #005197;
}
#copy {
padding: 2px 0 0;
color: #0F3B7E;
}
#copy A {
color: #0F3B7E;
}
.nav {
padding: 2px 0 13px;
margin: 0 0 15px;
}
.nav#n_p {
padding: 18px 0 13px;
}
.nav#n_p2 {
padding: 18px 0 0;
}
.nav div {
padding: 0 0 0 10px;
float: right;
background: url(/im/ar_r.jpg) no-repeat 10px 0;
}
.nav A {
color: #000;
display: block;
padding: 0 0 0 20px;
}
.nav A:hover {
color: #005197;
}
.nav div.active {
padding: 0 0 0 20px;
background: url(/im/ar_b.jpg) no-repeat;
float: left;
}
.nav div.active h3 {
color: #005197;
}
.nav div.active2 {
padding: 0 22px 0 17px;
background: url(/im/ar_b.jpg) no-repeat 100% 0;
float: left;
}
.nav div.active2 h3 {
color: #005197;
}
#plan {
width: 259px;
float: right;
}
#plan img {
margin: 0 0 6px;
}
#plan img.m {
margin: 0 0 12px;
}
#plan h3 {
font-size: 14px;
color: #DA251D;
padding: 2px 0 0;
}
.legend {
font-size: 10px;
width: 121px;
float: left;
}
.legend#b_r {
width: 138px;
}
#plan .legend p {
margin: 10px 7px 0 0px;
}
#plan .legend p.ar {
margin: 11px 7px 0 0px;
}
#plan .legend#b_r p {
padding: 0 0 3px;
}
#plan .legend img {
margin: -2px 4px 0 0;
float: left;
}
#plan .legend p.ar img {
margin: 3px 8px -4px 0;
}
.gr {
margin: 0 0 5px;
background-color: #F5F5F5;
}
.content_sm {
padding: 20px 28px 14px;
}
.content_sm A {
color: #005197;
}
.content_sm A:hover {
color: #DA251D;
}
.content_sm h3 {
font-size: 14px;
margin: 0 0 2px;
}
.content_sm .f11 {
font-size: 11px;
margin: 0 0 10px;
}
.content_sm p {
margin: 0 0 8px;
}
#block_team {
padding: 20px 0 14px;
}
#block_team.p {
padding: 10px 0 14px 25px;
}
#block_team div {
height: 16px;
padding: 0 12px;
margin: 0 0 14px;
background: url(/im/sep4.gif) no-repeat 100% 0;
float: left;
}
#block_team.p div {
padding: 0 13px;
}
#block_team div.active {
padding: 0 20px 0 0;
background: url(/im/ar_r.jpg) no-repeat 100% 0;
}
#block_team A.active {
color: #005197;
}
#header {
margin: 0 2px 9px 6px;
}
#styles2 A {
font-size: 10px;
color: #838281;
display: block;
margin: 0 24px 0 0;
float: left;
}
#styles2 A:hover {
color: #005197;
}
.wr_menu_p {
width: 748px;
height: 59px;
clear: both;
}
.wr_menu_p#p_portfolio {
background: url(/im/pencil_portfolio.jpg) no-repeat;
}
.wr_menu_p#p_contacts {
background: url(/im/pencil_contacts.jpg) no-repeat;
}
.wr_menu_p#p_team {
background: url(/im/pencil_team.jpg) no-repeat;
}
.wr_menu_p#p_services {
background: url(/im/pencil_services.jpg) no-repeat;
}
.wr_menu_p#p_tools {
background: url(/im/pencil_tools.jpg) no-repeat;
}
.wr_menu_p#p_stories {
background: url(/im/pencil_stories.jpg) no-repeat;
}
.wr_menu_p#p_partners {
background: url(/im/pencil_partners.jpg) no-repeat;
}
#link_home {
width: 154px;
float: left;
}
#link_home img {
margin: 7px 0 0 16px;
}
.menu_p {
width: 580px;
margin: 8px 0 0 4px;
float: left;
background: url(/im/sep2.gif) no-repeat 0 4px;
}
.menu_p div {
padding: 0 4px;
float: left;
background: url(/im/sep2.gif) no-repeat 100% 4px;
}
.menu_p#m_w {
margin-left: 14px;
}
.menu_p#m_w div {
padding: 0 20px;
}
.menu_p div A {
font-size: 13px;
color: #72706F;
}
.menu_p div A.active, .menu_p div A:hover {
color: #005197;
}
.subsection_current {
color: #72706F;
margin: 23px 0 8px;
background: url(/im/ar_b.jpg) no-repeat;
}
.subsection_current h3 {
padding: 0 0 0 20px;
}
.subsection_current h3.sc_big {
font-size: 14px;
}
.billet_gr {
width: 740px;
min-height: 82px;
height: auto;
padding: 12px 0 10px;
background-color: #F5F5F5;
}
.block_bgr {
width: 185px;
float: left;
}
.block_bgr p {
padding: 8px 0 4px 18px;
}
.block_bgr A {
color: #72706F;
}
.block_bgr A:hover, .block_bgr A.active {
color: #DA251D;
}
.block_bgr span {
font-size: 10px;
color: #0A3F89;
position: relative;
left: 0;
bottom: 6px;
}
#customers {
height: 135px;
background-color: #F5F5F5;
clear: both;
position: relative;
left: 0;
top: 0;
}
.block_customer {
width: 185px;
padding: 16px 0 9px;
float: left;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
}
.block_customer#c1, .block_customer#pr1 {
left: 0;
visibility: visible;
}
.block_customer#c2, .block_customer#pr2 {
left: 185px;
visibility: visible;
}
.block_customer#c3, .block_customer#pr3 {
left: 370px;
visibility: visible;
}
.block_customer#c4, .block_customer#pr4 {
left: 555px;
visibility: visible;
}
.block_customer p {
padding: 8px 0 4px 18px;
}
.block_customer A {
color: #72706F;
}
.block_customer A:hover, .block_customer A.active {
color: #DA251D;
}
.block_customer span {
font-size: 10px;
color: #0A3F89;
position: relative;
left: 0;
bottom: 6px;
}
.block_preview {
margin: 20px 0 0;
}
.block_preview#previews {
height: 760px;
clear: both;
position: relative;
left: 0;
top: 0;
}
.block_preview img {
margin: 0 0 30px 18px;
}
.block_preview .i_sep {
width: 168px;
height: 180px;
float: left;
}
.scroll {
width: 54px;
float: right;
}
.scroll .sl {
padding: 13px 0 0 10px;
margin: 0 4px 0 0;
background: url(/im/sep4.gif) no-repeat 0 15px;
float: left;
}
.scroll .sr {
padding: 13px 10px 0 0;
background: url(/im/sep4.gif) no-repeat 100% 15px;
float: left;
}
.scroll .sl A {
width: 15px;
height: 15px;
display: block;
background: url(/im/ar2_l_d.jpg) no-repeat;
}
.scroll .sl A:hover {
background: url(/im/ar2_l_d.jpg) no-repeat 0 -15px;
}
.scroll .sr A {
width: 15px;
height: 15px;
display: block;
background: url(/im/ar2_r_d.jpg) no-repeat;
}
.scroll .sr A:hover {
background: url(/im/ar2_r_d.jpg) no-repeat 0 -15px;
}
.scroll #s_l.h A, .scroll #s_r.h A, .scroll #s_l2.h A, .scroll #s_r2.h A {
visibility: hidden;
}
.scroll #s_l.v A, .scroll #s_r.v A, .scroll #s_l2.v A, .scroll #s_r2.v A {
visibility: visible;
}
.block {
margin: 0 0 20px;
clear: both;
}
.photo_b {
width: 170px;
float: left;
}
.descr {
width: 514px;
padding: 20px 28px 14px;
float: right;
background-color: #F5F5F5;
}
.descr h3 {
font-weight: bold;
margin: 0 0 5px;
}
#wr_menu_bot {
margin: 0 1px 0 0;
}
#menu_bot {
width: 540px;
float: right;
background: url(/im/sep3.gif) no-repeat 100% 3px;
}
#menu_bot div {
padding: 0 10px;
float: right;
background: url(/im/sep3.gif) no-repeat 0 3px;
}
#menu_bot div A {
font-size: 12px;
color: #72706F;
}
#menu_bot div A.active, #menu_bot div A:hover {
color: #005197;
}
#path {
color: #72706F;
padding: 20px 0 0;
}
#path A {
color: #72706F;
display: block;
padding: 0 12px 5px 21px;
float: left;
background: url(/im/ar_r.jpg) no-repeat;
}
#path A:hover {
color: #005197;
}
#path span.active {
display: block;
padding: 0 12px 5px 21px;
float: left;
background: url(/im/ar_r.jpg) no-repeat;
}
#map_site A {
color: #4D4948;
}
#map_site A:hover {
color: #005197;
}
#map_site .m A {
font-weight: bold;
}
#map_site .m10 {
margin: 15px 0 0 30px;
}
#map_site .m10 A {
font-weight: bold;
}
#map_site .m20 {
margin: 10px 0 0 60px;
}
#map_site .m30 {
margin: 5px 0 0 90px;
}
input,
select {
font: 12px Arial, sans-serif;
color: #000;
width: 240px;
height: 20px;
margin: 3px 0 0;
border: 1px solid #C2C1C1;
background-color: #F5F5F5;
}
textarea {
font: 12px Arial, sans-serif;
color: #000;
width: 240px;
height: 100px;
margin: 3px 0 0;
border: 1px solid #C2C1C1;
background-color: #F5F5F5;
}
input.ch {
width: 14px;
height: 14px;
}
table.t_form {
float: left;
}
table.t_form td.n {
text-align: right;
padding: 6px 8px 0 0;
width: 160px;
}
table.t_form .inp_i {
width: 154px;
margin: 5px 0 0;
}
table.t_form img {
margin: 7px 0 -2px;
}
.send {
text-align: center;
width: 320px;
float: right;
}
input.but_send {
width: 93px;
height: 105px;
margin: 70px 0 0;
border: none;
}
.warning {
font-size: 14px;
color: #DA251D;
padding: 3px 0 0;
}
.wr_form_domain {
width: 370px;
height: 106px;
background: url(/im/bg_form_domain.jpg) no-repeat;
}
.form_domain  {
padding: 0 0 0 17px;
}
.form_domain A {
font: 11px Arial, sans-serif;
}
.form_domain h4 {
padding: 7px 0 2px;
}
.form_domain .zones {
width: 246px;
float: left;
}
input.domain_name {
font: 12px Arial, sans-serif;
width: 232px;
height: 18px;
margin: 4px 0 2px 0;
}
.domain_check {
width: 49px;
margin: 2px 0 3px;
float: left;
}
.domain_check span {
font: 11px Arial, sans-serif;
}
.all_zones {
margin: 7px 0 5px 38px;
width: 50px;
float: left;
}
input.but_domain {
width: 40px;
height: 37px;
margin: 30px 0 0 10px;
border: none;
float: left;
}