/* @charset "utf-8"; */ /* general setting */ * {margin:0; padding:0; border:none; outline:none;} html {background:url('../image/gradent_bottom.png') left bottom repeat-x; min-height:100%;} body {background:url('../image/gradent_top.png') repeat-x left top; font:12px/21px Tahoma, Geneva, sans-serif; color:#5b6e8b; position:relative; min-width:1000px; min-height:100%;} a {color:#000;} h2 {margin-bottom:20px;} h2, legend, h3 {font-family:"Times New Roman", Times, serif; font-size:35px; line-height:40px; font-weight:normal; color:#000;} h3 {font-size: 22px; line-height: 30px;} img, #authorization fieldset, #complete, #back, #question dt, #ask, #slider div span, .ui-state-default, #answ, .sms3, .complete {behavior: url('./css/iepngfix.htc');} #order img {behavior:none;} /* page */ #page {position:relative;position:relative; max-width:1500px; margin:0 auto; background:url('../image/water.jpg') top right no-repeat; overflow:hidden;} * html body #page { width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? '1000px' : (document.documentElement.clientWidth > 1500 ? '1500px' : 'auto')) : (document.body.clientWidth < 1000 ? '1000px' : (document.body.clientWidth > 1500 ? '1500px' : 'auto')));} .g-clrfix:after { content: '.'; display: block; clear: both; font: 0 / 0 a; height: 0; visibility: hidden; } /* ------ */ /* header */ /* ------ */ /* header logo */ #header { height:150px;} h1 {background:url('../image/logo.png'); text-indent:-9000px; overflow:hidden; height:116px; width:166px; float:left;} h1 a {display:block; height:116px; width:166px;} h4 {font-size:18px; color:#b3bcc9; font-weight:normal;} /* header icon */ #icon {position:absolute; left:305px; top:60px; text-indent:-9000px; overflow:hidden; width:100px;} #icon a {display:block; height:12px; width:12px; float:left; margin-right:17px; background:url('../image/icon_t.gif'); line-height:1px;} #icon .i {background-position:0px 0px;} #icon .i:hover {background-position:0px 12px;} #icon .s {background-position:-12px 0px;} #icon .s:hover {background-position:-12px 12px;} #icon .c {background-position:-24px 0px;} #icon .c:hover {background-position:-24px 12px;} #icon .m {background-position:-36px 0px; margin-right:0;} #icon .m:hover {background-position:-36px 12px;} /* header phone */ #phone {position:absolute; right:375px; top:54px; font-family:"Times New Roman", Times, serif; font-size:23px; line-height:34px; font-weight:normal; color:#000; width:200px; font-style:normal;} #phone span {text-align:right; color:#62748e; font:"Times New Roman", Times, serif; display:block; font-size:14px; line-height:15px; padding-right:55px;} #phone .sms {font-size:12px; 1position:absolute; padding-left:10px; right:-65px; top:50px; width:60px; text-align:left;} #phone .sms sub {position:absolute; width:300px; border:3px double #000; padding:7px; background:#fff; text-align:left; font-size:14px; text-decoration:none !important; margin-left:-300px; top:-65px; display:none;} #phone .sms sub strong {display:block; padding-bottom:5px;} /* header language */ #language {position:absolute; left:305px; top:85px; width:100px; text-align:center;} #language * {color:#6f819a; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} #language strong {color:#cbd2d9;} /* page */ #content {margin-left:305px; padding-right:40px;} #content ul {margin:10px; width:95%;} #content ul li {list-style:none; background:url('../image/list.gif') 0 6px no-repeat; font-weight:bold; padding-left:15px; position:relative;} #content p {margin-bottom:20px;} #left {width:285px; float:left;} #crumb {position:relative; margin:20px 0 30px; height:20px;} #crumb .last {padding:0 7px; background:none;} #crumb span {background:#eff0f2; font-size:11px; display:block; white-space:nowrap; position:absolute;} #crumb a {color:#9aa4b0; padding:0 12px 0 7px; background:url('../image/arrow.gif') right 4px no-repeat;} #crumb img {position:absolute; top:27px; height:12px; width:0;} /* autorization */ #open {background:url('../image/authorization.png'); width:22px; height:88px; position:absolute; right:0px; top:71px; cursor:pointer;} .open_en { background: url('../image/authorization_en.png') !important; } #authorization {position:absolute; right:0; top:40px; width:142px; height:171px; background:url('../image/arrow.png'); z-index:10;} #authorization form {/* background:url(../image/form_bg.png); */ position:absolute; right:0px; top:30px; width:0px; overflow:hidden;} #authorization fieldset {width:210px; height:200px; padding:20px 100px 0 60px; background:url('../image/form.png'); } #authorization fieldset label {color:#fff; display:block;} #authorization fieldset input {border:1px solid #a5b6c9; height:32px; width:100%; font-size:18px; line-height:30px;} #authorization fieldset a {font-weight:bold;} #authorization #enter {background:url('../image/enter.png'); position:absolute !important; width:50px; top:97px; left:280px; font-size:12px; border:none;} /* #login {width:250px; line-height:40px; position:absolute; right:30px; top:150px;} #login em {font-size:16px; color:#7f8fa3; font-family:Georgia, 'Times New Roman', Times, serif; display:block;} #login span {font-size:17px; color:#000; border-bottom:1px dashed #000;} #login a.usually {font-size:14px; color:#6b798b; float:right;} #login .logout {position:absolute; top:100px;} */ #login {width:165px; position:absolute; right:25px; top:70px;} #index #login {top:180px; right:35px; width:250px; text-align:right;} #login em {font-size:15px; color:#7f8fa3; font-family:Georgia, 'Times New Roman', Times, serif; display:block;} #index #login em {font-size:17px; text-align:left;} #login a.username {font-size:16px; color:#000; display:block; text-align:right; margin:12px 0 16px;} #index #login a.username {font-size:18px; margin:8px 0 12px;} #login a.username span {border-bottom:1px dashed #000;} #login a.usually {color:#6b798b; font-size:13px;} #index #login a.usually {font-size:15px;} #login a.logout {color:#bcc3cb; font-size:11px; padding-left:15px;} #index #login a.logout {font-size:13px; position:absolute; top:-20px; right:0;} /* menu */ #menu {margin:10px 0 20px 25px; font-family:Arial, Helvetica, sans-serif;} #menu li {line-height:28px; list-style:none; padding-bottom:11px; font-size:15px; position: relative;} *+html #menu li.water { z-index: 3; } *+html #menu li.production { z-index: 2; } *+html #menu li.our_services { z-index: 1; } *+html #menu .drop_down li { width: 160px; } #menu li a {background:url('../image/icon_menu.gif') no-repeat; display:block; height:28px; padding-left:50px; overflow:hidden; text-decoration:none;} #menu a span {padding:5px 11px 6px; background:#fff; text-decoration:underline;} #menu a:hover span, .about_open span, .water_open span, .online_open span, .production_open span, .uslugi_open span, .career_open span, .contacts_open span, .actions_open span {background:#7bc800 !important; color:#fff; text-decoration:none !important;} #menu .about a {background-position:-50px 0px} #menu .about a:hover, #menu .about_open a {background-position:0 0px; } #menu .company_faces a {background-position:-50px -150px} #menu .company_faces a:hover, #menu .company_faces_open a {background-position:0 -150px} #menu .water a {background-position:-50px -30px} #menu .water a:hover, #menu .water_open a {background-position:0 -30px} #menu .online a {background-position:-50px -60px} #menu .online a:hover, #menu .online_open a {background-position:0 -60px} #menu .production a {background-position:-50px -90px} #menu .production a:hover, #menu .production_open a {background-position:0 -90px} #menu .uslugi a {background-position:-50px -120px} #menu .uslugi a:hover, #menu .uslugi_open a {background-position:0 -120px} #menu .career a {background-position:-50px -150px} #menu .career a:hover, #menu .career_open a {background-position:0 -150px} #menu .contacts a {background-position:-50px -180px} #menu .contacts a:hover, #menu .contacts_open a {background-position:0 -180px} #menu .equipment a {background-position:-50px -210px} #menu .equipment a:hover, #menu .equipment_open a {background-position:0 -210px} #menu .actions a {background-position:-50px -250px} #menu .actions a:hover, #menu .actions_open a {background-position:0 -250px} #menu .our_services a { background-position: -50px 0; } #menu .our_services a:hover, #menu .our_services_open a{ background-position: 0 0; } #menu ul {background:url('../image/menu_arrow.png') 75px 0 no-repeat; padding:20px 0 0 20px;} #menu ul li {font-size:13px; line-height:25px; padding:0;} #menu ul a, #menu .activated li a {color:#5e9f07; font-weight:normal; padding:0; background:none !important; height:25px; text-decoration:underline;} #menu ul strong {color:#5b6e8b; font-weight:normal; display:block; height:25px;} /* news */ #news h2 {margin-bottom:20px;} #news dl {background:url('../image/news_shadow.png') 0px 60px no-repeat; overflow:hidden; padding:0 0 30px 10px; margin-left:-20px;} * html #news dl {background:url('../image/news_shadow.gif') 0px 60px no-repeat;} #news dt {font-size:39px; font-family:Arial, Helvetica, sans-serif; text-align:center; float:left; color:#000; padding-top:5px; margin-top:7px; border-right:1px solid #000;} * html #content #news dt {background-color:#fff;} #news dt span {font-size:10px; line-height:15px; background:#6f819a; color:#d5dde8; display:block; margin:8px 10px 0; padding:0 3px} #news dt span b {color:#fff; padding-right:3px;} #news dd {margin-left:80px;} #news dd .title a {color:#677b98; margin-bottom:30px; display:block;} #news dd .title a:hover {color:#7bc800;} #left #news {margin-left:35px;} #content #news dd a {color:#5a6d8b; font-weight:bold; margin-bottom:0px;} #content #news dd a:hover {color:#6ec000; text-decoration:none;} * html a#zip {margin-right:-20px; display:inline;} * html dd {margin-left:77px;} #news a#zip {background:url('../image/news.png') no-repeat; padding-left:35px; line-height:20px; padding-bottom:8px; float:right;} #left #news a:hover {color:#7BC800; display:block;} /* did-you-know */ #did-you-know h2 {margin-bottom:20px;} #did-you-know dl {background:overflow:hidden; padding:0 0 30px 10px; margin-left:-20px;} #did-you-know dt {font-size:39px; font-family:Arial, Helvetica, sans-serif; text-align:center; float:left; color:#000; padding-top:5px; margin-top:7px; border-right:1px solid #000; padding:5px 10px 5px 15px;} #did-you-know dd {margin-left:80px;} #did-you-know dd .title a {color:#677b98; margin-bottom:30px; display:block;} #did-you-know dd .title a:hover {color:#7bc800;} #left #did-you-know {margin-left:35px;} #left #did-you-know a:hover {color:#7BC800;} #content #news dd a {color:#5a6d8b; font-weight:bold; margin-bottom:0px;} #content #news dd a:hover {color:#6ec000; text-decoration:none;} /* banners */ .banner {margin:30px 0; padding:0 10px 40px 10px; background:url('../image/banner_shadow.png') bottom no-repeat; text-align:center; } .banner object {margin:0 auto;} * html .banner { background:url('../image/banner_shadow.gif') bottom no-repeat;} /* �� ��� ����� */ /* footer */ #footer {clear:both; padding:50px 55px 25px; color:#000;} #footer a.biplane {float:right; padding-left:125px; height:30px; line-height:30px; background:url(../image/bilogo.png) top left no-repeat; color:#6f819a; text-decoration:none;} #footer a.biplane span {display:none;} #footer a.biplane strong {text-decoration:underline;} /* bonus */ ::selection {background: #7bc800; color:#fff;} ::-moz-selection {background: #7bc800; color:#fff;} /* index */ /* #question {padding-right:30px;} #question dt {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; height:95px; background:url(../image/question02.png) no-repeat; padding:25px 0 0 100px;} #question dd {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding-left:30px; font-size:14px;} */ #incidentally {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; margin-top:90px; display:block; padding:0 20px;} #index #phone {right:50px; top:10px;} #index #icon {left:64%; top:40px;} #index #language {left:64%; top:60px;} #index #left {width:25%; float:left;} #index #right{width:25%; float:right; margin-top:200px; overflow:hidden;} #index #center {width:40%; padding-top:290px; margin:0 auto; position:relative; zoom:1;} #index #authorization {position:absolute; background:none; width:auto;} #index #authorization #open {display:none;} #index #authorization form {width:auto; top:130px; right:0;} #index #banners {margin-top:0;} #index #page {background:url(../image/bootle.jpg) 40% 0 no-repeat;} #order {margin-bottom:40px;} #slider {position:relative; height:80px; margin-top:100px; width:95%;} .ui-slider-handle {height:25px; width:13px; background:url(../image/polz.png); display:block; position:absolute; top:13px;} #slider b {border:1px solid #CACCCD; border-top:none; border-right:none; display:block; width:20%; float:left; height:4px; line-height:0; margin-top:20px; padding-top:5px; margin-left:-1px; position:relative; left:7px;} #slider b.last {border-right:1px solid #CACCCD; width:19.45%} #slider b i {border-right:1px solid #CACCCD; float:left; height:4px; width:25%;} #slider span {position:absolute; top:-85px; text-align:center; vertical-align:bottom;} #slider span i {background:url(../image/bootles.png); height:111px; width:65px; display:block; margin:0 auto 15px; position:relative; left:-6px;} #slider div {position:relative; left:-30px;} #slider .l04 {left:0%;} .l04 i {background-position:0 0 !important;} #slider .l1 {left:20%} .l1 i {background-position:0 -111px !important;} #slider .l125 {left:40%;} .l125 i {background-position:0 -222px !important;} #slider .l5 {left:60%;} .l5 i {background-position:0 -333px !important;} #slider .l115 {left:80%;} .l115 i {background-position:0 -444px !important;} #slider .l19 {left:100%;} .l19 i {background-position:0 -555px !important;} #water_name ul, #content form #update ul {background:url(../image/select_bg.png) top right no-repeat #fff; height:25px; overflow:hidden; border:1px solid #9baec3; left:80px; position:absolute; z-index:10;} #water_name ul.open, #content form #update .open {height:auto;} #water_name li, #content form #update li {line-height:25px; list-style:none; background:none; border-left:3px solid #f3f6f8; padding:0 30px 0 10px; cursor:pointer;} #water_name ul.open li:hover, #content form #update ul.open li:hover {border-left:3px solid #7BC800;} #update {overflow:visible;} #update label {position:relative;} body #content form #update #sel1 ul {top:0; left:140px; width:90px; margin:0;} body #content form #update #sel2 ul {top:0; left:40px; width:90px; margin:0;} #order span {width:80px; float:left;} #order #water_name {padding-bottom:30px; height:25px; margin-right:30px; position:relative; z-index:10;} #order #amount {margin-bottom:30px; display:block; position:relative; width:180px;} #order #amount input {border:1px solid #9baec3; height:15px; padding:5px 0; text-align:center; width:92px; font:15px Arial, Helvetica, sans-serif; background:url(../image/input.png);} #increase {position:absolute; right:0; height:25px; width:40px; cursor:pointer;} #decrease {position:absolute; right:70px; height:25px; width:40px; cursor:pointer;} #center p {padding-bottom: 16px;} /* label {float:left; width:80px; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#000;} */ .complete, #complete {font:normal 20px Georgia, "Times New Roman", Times, serif; background:url(../image/complete.png) no-repeat; padding:0 20px 0 50px; text-align:left; text-decoration:underline; border:none; width:auto; height:40px; color:#505f71; margin-top:15px; cursor:pointer;} @-moz-document url-prefix(){.complete, #complete {display:table-cell;}} #order #complete {clear:both; margin-top:0;} #complete { float: left; } /* ������\����� */ #answer {padding-top:25px;} #answer dt {color:#76bc00; font-size:16px; font-weight:bold; line-height:19px;} #answer dd {font-size:11px; color:#b5becb; margin:0; padding: 0 0 10px;} #answer dd a, #answer dd span {color:#4c607c; font-size:12px; padding-top:11px; display:block; text-decoration:none;} #answer dd a:hover {text-decoration:underline;} #answer .clickable{cursor:pointer; color: #4C607C; display: block; font-size: 12px; padding-top: 11px; text-decoration: none;} #list {background:#ebecef; position:relative; line-height:40px; text-align:center; width:490px; margin:10px auto 60px; font-size:12px;} #list a, #list strong {padding:5px; color:#5a6d8b;} #list strong {background:url(../image/list_active.gif) center no-repeat; color:#fff; font-weight:normal;} #list #al, #list #ar {position:absolute; left:15px; padding:0;} #list #ar {left:auto; right:15px;} #list img {position:absolute; left:-5%; height:12px; top:50px; width:110%;} #ask {width:450px; background:url(../image/question.png) no-repeat; padding:70px 0 50px 110px; position:relative; left:-70px; top:-10px; margin:0 auto} #ask h2 {border-bottom:2px dashed #000; display:inline; cursor:pointer;} .open h2 {border:none !important;} #ask fieldset {display:none;} .open fieldset {display:block !important;} #response {background:#f4f5f7; padding:20px 30px; margin-bottom:40px;} .response{ background:#f4f5f7; padding:20px 30px; margin: 20px; color: #5B6E8B; font-size: 12px; } .hidden_response{display: none;} #back, #answ {font-size:20px; color:#505f71; padding-left:60px; background:url(../image/complete.png) center left no-repeat; display:block; line-height:60px; font-family:"Times New Roman", Times, serif; padding-right:100px; float:left;} #answ {background-image:url(../image/miniq.png);} /* ������� */ #catalog {padding-top:50px;} #basket {position:relative; padding-bottom:30px;} #basket a {background:#eff0f2; padding:5px 10px; color:#7bc800; font-size:11px; position:relative;} #basket img {position:absolute; top:25px; left:0; height:12px; width:100%;} * html #basket img {width:250px;} #catalog #description {margin:30px 0; display:block;} #catalog dt a {color:#7f8fa3; font:italic 17px Georgia, "Times New Roman", Times, serif;} #catalog dd {overflow:hidden; padding:20px 0; margin:0; zoom:1;} #catalog dd img {float:left;} #catalog dd p {overflow:hidden; margin-left:62px;} #catalog form {zoom:1;} #catalog form fieldset {padding-bottom:20px;} #catalog form fieldset div.photocat {padding:0 20px 20px 0; /* background:url(../image/shadow.png) center bottom no-repeat; */ position:relative; float:left;} #catalog form fieldset div .shadow {position:absolute; bottom:0; left:-10px; width:100%; height:17px;} * html #catalog form fieldset div .shadow {left:0;} #catalog form fieldset div.desc {padding:0; float:none; overflow:hidden; zoom:1;} #catalog form fieldset div.desc2 {padding:0; float:none; overflow:hidden; zoom:1;} #catalog form fieldset a {font-size:16px; color:#7bc800; display:block;} #catalog form fieldset em {margin:25px 0; font-style:normal; display:block;} #catalog form fieldset span {color:#8393aa; display:block; font:30px Georgia, "Times New Roman", Times, serif; margin:15px 0 25px; font-weight:normal;} #catalog form fieldset input {border:1px solid #9caec4; font-size:11px; padding:8px; width:70px; color:#8393aa; font-weight:bold; text-align:center; margin-right:25px; float:left;} #catalog form fieldset button {background:none; text-decoration:underline; font-weight:bold; height:25px; line-height:25px; color:#8393aa; display:table-cell; white-space:nowrap; float:left; cursor:pointer;} #catalog form fieldset div.pack {background:none; height:25px; line-height:25px; color:#8393aa; display:table-cell; white-space:nowrap; float:left; cursor:pointer; margin-left:-15px; margin-right:5px;} #switch {overflow:hidden; margin-left: -10px !important;} #switch li {float:left; padding:0 !important; background:none !important; margin-right:60px; height:40px;} #switch li span {width:0; height:0; border:5px solid #7bc800; border-right:5px solid #fff; border-bottom:5px solid #fff; display:block; position:absolute; top:23px; left:15px; overflow:hidden;} #switch li a {color:#8095aa; font-weight:bold; padding:5px 10px; line-height:23px; white-space:nowrap;} #switch li strong {color:#fff; background:#7bc800; padding:5px 10px; line-height:23px;} #nav {float:none; !important; padding-bottom:20px;} #nav a {color:#7bc800; margin-right:30px; font-weight:bold;} #message {width:570px; height:135px; padding-top:60px; padding-left:87px; position:fixed; top:50%; background:url('../image/message.png'); left:50%; margin-left:-300px; margin-top:-100px; z-index:20;} #message h2 {color:#6f819a; margin-bottom:20px;} * html #message {position:absolute; top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); margin-top:100px; background:url('../image/message.gif');} /* tender */ .form { padding-top:20px;} .form span, span.last_order {font:italic 1.5em Georgia, "Times New Roman", Times, serif; color:#7f8fa3; display:block;} .form label span, .form span span {display:inline;} .form div {width:490px; overflow:hidden; padding-right:40px; float:left; margin-top:10px;} .form fieldset {margin-bottom:20px;} .form fieldset p {margin:25px 0 15px; width:450px; float:left;} .form label {padding-right:80px; width:450px; float:left; font-size:12px; margin-top:10px; color:#5b6e8b;} .form .yes {background:url('../image/form_valid.gif') 95% 27px no-repeat;} .form .no {background:url(../image/form_valid.gif) 95% -30px no-repeat; line-height:1.5em; } .form label span {line-height:1em;} .form div label {width:43%; padding-right:30px; margin-top:0;} .form div.tree label {width:123px; padding-right:40px;} * html .form div.tree label {padding-right:29px;} .form div.four label {width:85px; padding-right:35px;} .form input, .form textarea {background:url(../image/input_bg.gif) top repeat-x #fff; border:1px solid #b7c4d4; padding:3px 5px; width:100%; font:italic 15px Arial, Helvetica, sans-serif;} .form textarea {height:90px; overflow:auto;} .form img {border:1px solid #b7c4d4;} #content #site_map a {color:#677b98;} #content #site_map li {font-size:15px; float:left; width:295px; padding-left:20px; font-weight:bold; background:none;} #content #site_map ul {margin:15px 0 25px 0;} #content #site_map ul li {background:url('../image/site_map.gif') 0px 7px no-repeat; float:none; font-size:11px; font-weight:normal; line-height:21px;} /* search */ #search form {height:59px; background:url('../image/search.gif'); padding:25px; padding-right:100px; position:relative; overflow:hidden;} #search input {height:20px; padding:6px; background:#fff; border:1px solid #a4b5c9; width:100%; font-size:15px;} #search input.button {background:url('../image/enter.png'); position:absolute; width:52px; right:20px; top:28px; font-size:14px; padding:0; height:32px;} #search form p {color:#fff; padding:5px;} #content #search li {background:none; padding:0; margin:50px 0; font-weight:normal; color:#394554;} #search li span {background:#6ec000; color:#fff;} /* 404 */ #ops {padding-top:225px; padding-left:310px; background:url('../image/logo.png') 90px 170px no-repeat;} #ops ul {margin:20px 0;} #ops strong {display:block; margin:20px 0;} #ops li {list-style:none; padding-left:15px; padding-bottom:10px;} #ops a {color:#7bc800; font-weight:bold;} /* photo */ #prev_photo {overflow:hidden;} #prev_photo div {text-align:center; padding:10px; background:#f5f6f8; display:inline-block; position:relative; zoom:1; margin:15px 20px; font-size:11px; width: 250px;} #prev_photo div img {margin: 0 auto;} * html #prev_photo div {display:inline;} *:first-child+html #prev_photo div {display:inline;} #prev_photo div p {margin:0; text-align:left;} #prev_photo .rate a {height:16px; width:18px; display:block; background:#6f819a; color:#fff; font-size:8px; line-height:16px; text-align:center; float:left; margin-left:1px; cursor:pointer; text-decoration:none; margin-top:5px;} #prev_photo .rate a:hover {background:#54b847;} #prev_photo .rate span {clear:both; display:block; color:#909eb2;} #prev_photo .rate strong {font-weight:normal; color:#5b6471;} #prev_photo .comment {position:absolute; right:10px; bottom:30px;} #prev_photo .comment a {color:#909EB2;} .photo {padding:15px 30px 40px; background:#f5f6f8; margin-bottom:30px; font-size:11px; width:600px; position:relative;} .photo img {padding:15px 0; display:block;} .photo span p {margin-bottom:10px !important; font-size:13px; line-height:15px;} .photo div p {color:#5b6471; position:absolute; right:30px;} .photo div i {font-style:normal; color:#61a05a;} .photo div em {font-style:normal;color:#5b6471;} .photo div p span {color:#909eb2; margin-left:20px; display:block; float:left;} .photo div strong {font-weight:normal; position:absolute; left:30px;} .photo div a {color:#909eb2;} .photo div p a {height:16px; width:18px; display:block; background:#6f819a; color:#fff; font-size:8px; line-height:16px; text-align:center; float:left; margin-left:1px; cursor:pointer;} .photo div p a:hover {background:#54b847;} #content #comment li {background:none; font-weight:normal; padding-left:0; position:static;} #content #comment ul {margin:0 0 0 25px;} #comment div {background:#f5f6f8; padding:10px 20px; position:relative; margin-bottom:20px; zoom:1;} #comment strong {color:#76bc00; font-size:16px; position:relative; font-weight:normal;} #comment span {display:block; color:#afb9c7; font-size:10px;} #comment a {position:absolute; right:20px; top:10px; color:#909eb2; font-size:11px;} #content ol {list-style-position:inside;} table {border-collapse:collapse;} table td {border:1px solid #5b6e8b; border-collapse:collapse; padding:2px;} #vacancies h3 {color:#7f8fa3; font:italic 17px/20px Georgia, "Times New Roman", Times, serif;} #vacancies ul {margin:0 0 10px;} #vacancies ul li {background-image:none; font-weight:normal;} #blabla {cursor:pointer;} #big_photo {background:#F5F6F8; position:absolute; left:50%; margin-left:-300px; z-index:500;} #big_photo div {background:#F5F6F8; padding:35px;} #big_photo img {cursor:pointer;} @media print { #header, #footer, #left, #login, #authorization {display:none;} #content {margin:0; padding:0;} a:after {content:" (" attr(href) ") ";font-size:90%;font-weight:bold} } /*.sms1 {background:url('../image/sms.jpg') no-repeat; height:121px; padding-left:110px; position:absolute; left:55%; top:80px; z-index:1001; color:#000;}*/ /*.sms2, .sms6 {border-bottom:2px dashed #000; font:20px/120px Tahoma, Geneva, Helvetica, sans-serif; } .sms2 span {display:none;} .sms3 {background:url('../image/sms2.png'); display:block; width:336px; height:242px; margin-left:-20px; padding-left:20px; line-height:80px; position:relative; top:20px; border:none;} .sms3 span {display:block;} .sms4 {font-size:12px; line-height:20px; padding-right:20px; position:relative; top:-10px;}*/ /* .sms5 {background:url('../image/video.png') no-repeat; height:123px; padding-left:110px; position:absolute; left:58%; top:285px; z-index:1000; color:#000;} .sms5 a { text-decoration: none; } */ label.sec_phone { display: none; } label.first_phone { position: relative; } .first_phone .plus { position: absolute; top: 23px; left: -15px; margin-left: 100%; cursor: pointer; } .first_phone .plus img { border: none; } .photocat2 { width: 150px; height: 150px; } .nivoBig { display: none; position: absolute; border: 1px solid #e0e0e0; left: 0px; top: 0px; } .added_services { width: 100%; /*padding: 0 1%;*/ margin: 68px 0 20px; } .added_services td { border: none; width: 33%; } .added_services a { text-decoration: none; } .added_services a:hover { text-decoration: underline; } .question a:hover { border: none; text-decoration: none; } .sms1, .sms5, .question, .actions_wrap { height: 70px; padding: 10px 2% 0 0; } .sms1 { background: url('../image/sms02.png') no-repeat; color: #000; position: relative; z-index: 1; } .sms5 { background: url('../image/video02.png') no-repeat; color: #000; } .sms2 span { display: none; } .sms2 { display: block; } .sms2, .sms6, .question a, .actions_wrap a { font: 1.25em Arial, Geneva, Helvetica, sans-serif; padding: 0 0 0 40px; } .question a { margin: 0 0 0 68px; padding: 0 0 0 0; text-decoration: none; border-bottom: 2px dashed #000000; font: 1.4em Tahoma,Geneva,Helvetica,sans-serif; } .actions_wrap a { padding: 0 0 0 45px; display: block; } .question { background: url(../image/question04.png) no-repeat; } .sms4 { background: url('../image/sms2.png'); font-size: 12px; position: absolute; top: 40px; left: 0; display: none; border: none; width: 296px; height: 202px; z-index: 1; padding: 20px; } *+html .sms4 { z-index: 10000 !important; } .sms3 { background: url('../image/sms2.png'); display: block; position: relative; border: none; } .sms3 span { display: block; } /* #question { padding-right: 30px; } */ /* #question dt { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; height: 70px; background: url(../image/question02.png) no-repeat; padding: 0 0 0 50px; } #question dd { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding-left: 30px; font-size: 14px; } */ *+html #index #center { padding-top: 350px !important; } /* .sms3 { background: url('../image/sms2.png'); display: block; width: 336px; height: 242px; margin-left: -20px; padding-left: 20px; line-height: 80px; position: relative; top: 20px; border: none; } .sms3 span { display: block; } */ .actions_wrap { background: url(../image/lamp02.png) no-repeat; } .question { /*background: url('../image/sms.jpg') no-repeat;*/ /*height: 121px;*/ /*padding-left: 110px;*/ position: absolute; left: 56%; top: 120px; z-index: 1001; color: #000; height: 97px; padding-top: 24px; } *+html .question a, *+html .question { zoom: 1; /*line-height: 24px !important;*/ /*border: 1px solid blue !important;*/ } #menu .drop_down { background: #f4f5f7; display: none; /*border: 1px dashed #7bc800;*/ position: absolute; left: 148px; top: 0; z-index: 1; } #menu .drop_down li a { background-image: none; padding: 0 20px; font-size: 13px; } #menu .drop_down li { padding-bottom: 0; } #menu .drop_down li a:hover { background: #7bc800; color: #fff; } #menu .activated li { padding: 0 0 0 20px; } #menu .activated li a { background-image: none; font-size: 13px; } /* #menu .water .drop_down { display: block; } */ .logo_sec { /*background: url(../image/logo_blue_2010.png) 0 0 no-repeat;*/ float: left; display: block; width: 80px; height: 80px; margin: 36px 0 0 20px; border: none; } .b-main-nav li a, .b-main-nav li span { color: #677b98; } .b-socials { /*outline: 1px solid red;*/ } .b-socials span, .b-socials a { height: 25px; line-height: 25px; } .b-socials .extra { margin: 0 0 0 10px; } .b-socials img { vertical-align: middle; } #menu ul ul { background: none; padding-top: 0; } .person-wrap { max-height: 220px; } .person-wrap img { float: left; margin: 0 10px 10px 0; } .person-wrap span, .person-wrap strong { display: block; }