* {
padding: 0;
margin: 0;
}
html, body {
width: 100%;
height: 100%;
}
body {
color: #000;
position: relative;
font: 85%/1.6em Tahoma, Arial, Sans-Serif;
}
.logos-line img, .komos img, .catalog-brands img{
border: 0px;
}
p {
padding: 5px 0px;
}
ul, ul li {
padding: 0px;
list-style: none;
}
dt {
}
dd {
margin-bottom: 20px
}
h1, h1 a {
font-weight: 600;
}
h1 a, h2 a {
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
text-decoration: underline
}
h2, h2 a {
font-weight: 600
}
h3, h3 a {
text-decoration: none;
font-weight: 400
}
h4, h5, h4 a, h5 a {
font-weight: 400
}
h1, h2, h3, h4, h5 {
padding: 15px 0px 5px 0px;
}
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.2em;
}
/*====blockquote ====*/
blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
code { padding: .2em .5em; }
.content ul, .content ol { padding: 10px 0px 10px 30px; }
.content ul li, .content ol li { padding: 3px }
.content ul li { list-style-type: disc }
.content ul li ul li { list-style-type: square }
.content ul li ul li ul li { list-style-type: circle }
.content img {
/*float:right;*/
margin: 0 0 0px 10px;
}
.content p img {/*float: none;*/ margin: 10px;}
ul.ul-nomarker {
padding: 0px;
}
ul.ul-nomarker li {
padding: 0px;
list-style: none
}
.overflow {
overflow: hidden !important;
overflow: visible;
height: auto !important;
height: 1%;
}
.clearing {
clear: both;
}
.clear {
zoom: 1;
}
.clear:after {
content: " ";
clear: both;
display: block;
width: 0px;
height: 0px;
font-size: 0px;
overflow: hidden;
}
abbr {
border: 0px;
display: inline
}
/*=========================*//*=========================*/
.wrapper {
min-height: 100%;
/*min-width: 1000px;*/
width: 963px;
height: auto !important;
height: 100%;
position: relative;
z-index: 1;
border-top: 1px solid #FFF !important;
border-top: 0px;
margin-top: -1px !important;
margin-top: 0px;
margin:0 auto;
}
/**html .wrapper {
width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) <= 1002 ? "1002px" : "auto");
}*/
.header {
margin: 0;
}
.logo {
display:block;
font-size: 8pt;
width: 335px;
padding-right: 2px;
height: 284px;
overflow: hidden;
position: absolute;
top: 0px;
z-index: 1;
left: 4.0%;
float: left;
font-size:0;
/*---*/ text-align:center;
}
a.logo {cursor: pointer;}
* html .logo {
margin-left: 0%;
}
*+html .logo {
margin-left: 0%;
}
.logo span {
position: absolute;
top: 0px;
left: 0px;
width: 337px;
height: 284px;
cursor: pointer;
}
.menu-top {
margin-left: 4.0%;
padding-left: 324px;
margin-top: 45px;
font-size:1.0em;
/*font-weight:600;*/
zoom:1;
}
.menu-top table{
border-collapse: collapse;
width:95%;
zoom:1;
}
*html .menu-top table {margin-top:0px;}
*+html .menu-top table {margin-top:0px;}
.menu-top table td {
zoom:1;
margin:0;
padding:0;
height:36px;
vertical-align:middle;
text-align:center;
line-height:1em;
}
.menu-top table td.active {
}
.menu-top table td.end-active {
}
.menu-top table td.end{
width:16px;
}
.menu-top table td.first{
width:14px;
}
.menu-top table td.split{
height:100%;
width:29px;
position:relative;
z-index:99;
}
.menu-top td.split-left {
width:16px;
position:relative;
z-index:99;
}
.menu-top td.split-left-active {
}
.menu-top td.split-right {
width:13px;
position:relative;
z-index:98;
}
.menu-top td.split-right-active {
}
.menu-top table td a {
zoom:1;
display:block;
margin:0 -17px 0 0px;
left:-9px;
position:relative;
z-index:110;
}
.menu-top table td a {
text-decoration:none;
}
.menu-top table td div.menu-top-popup {
zoom:1;
position:absolute;
display:none;
text-align:left;
top:81px;
_top:80px;
_padding-top:1px;
margin-left:-14px;
z-index:95;
font-size:0.9em;
}
*html .menu-top table td div.menu-top-popup {margin-left:-40px;}
*html .menu-top table td div.menu-top-popup-back {margin-left:-213px;}
*+html .menu-top table td div.menu-top-popup {margin-left:-40px;}
*+html .menu-top table td div.menu-top-popup-back {margin-left:-213px;}
.menu-top table td div.menu-top-popup-back {
zoom:1;
margin-left:-213px;
padding-right:0;
}
.menu-top-popup-layer-back {
float:right;
}
.menu-top table td div.menu-top-popup a, .menu-top table td div.menu-top-popup li.selected span {
display:block;
margin-right:0;
position:static;
left:0;
overflow:hidden;
padding:3px 0 3px 20px;
background:transparent url('/bitrix/templates/vpfab_ru_regular/include_areas/img/arrow.gif') no-repeat 5px 8px;
text-decoration:underline;
zoom:1;
}
.menu-top table td div.menu-top-popup li.selected span {text-decoration:none;font-weight: bold;}
.menu-top table td div.menu-top-popup-back a {
/*padding:3px 20px 3px 0px;
margin-right:5px;
text-align:right;
background:transparent url('arrow-back.gif') no-repeat 100% 6px;*/
}
.menu-top table td div.menu-top-popup a:hover {
text-decoration:none;
}
.menu-top table td div.menu-top-popup ul {
zoom:1;
width:210px;
padding-bottom: 5px;
padding-left:10px;
padding-right: 10px;
}
.menu-top table td div.menu-top-popup ul li {
zoom:1;
}
.menu-top table td div.menu-top-popup ul li div {
position:absolute;
display:none;
margin-left:217px;
margin-top:-1.5em;
zoom:1;
}
.menu-top table td div.menu-top-popup ul li div ul {
width:210px;
padding-left:10px;
padding-right: 10px;
}
.menu-top table td div.menu-top-popup-back ul li div {
margin-left:-250px;
}
.menu-top table td div.menu-top-popup ul li div ul li {
}
/*
* html .menu-top {
height: 1%
}
*+html .menu-top {
height: 1%
}
.menu-top ul {
display: table;
width: 92%;
margin-top: 45px;
padding-right: 20px;
}
* html .menu-top ul {
width: auto;
height: 1%;
float: left
}
*+html .menu-top ul {
width: auto;
height: 1%;
float: left
}
.menu-top li {
display: table-cell;
text-align: center;
white-space: nowrap;
background: url("menu-bg.jpg") repeat-x;
position: relative;
}
.menu-top li div {
padding-left: 28px;
}
* html .menu-top li div {
padding: 0px 2% 0px 4.5%;
}
*+html .menu-top li div {
padding: 0px 2% 0px 35px;
}
.menu-top li a {
line-height: 36px;
}
* html .menu-top li{
float: left;
display: block;
}
*+html .menu-top li{
float: left;
display: block;
}
*/
.header-bg div {
height: 282px;
}
.content-block {
margin: 15px 0px;
overflow:hidden;
position: relative;
background:#FFF;
}
* html .content-block {
background: url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-bg-ie.gif") 0px 81px repeat-x;
padding-bottom: 43px;
zoom: 1;
}
*+html .content-block {
background: url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-bg-ie.gif") 0px 81px repeat-x;
padding-bottom: 43px;
zoom: 1;
}
.content-block:after {
height: 43px;
clear: both;
display: block;
width: 100%;
position: relative;
margin-left: -43px;
padding-right: 86px;
z-index: 1;
}
.content-wrapper-spacer {
height:15px;
float:left;
/*---*/ /*width:65%;*/ width:626px;
position:relative;
}
.content-wrapper {
float: left;
clear:left;
/*margin-top: 15px;*/
/*---*/ /*width: 65%;*/ width:626px;
/*---*/ /*margin-right: -65%;*/margin-right:-626px;/*for ie6*/
background: #FFF;
overflow: hidden;
position: relative;
}
.content-wrapper:before {
height: 86px;
overflow: hidden;
display: block;
width: 100%;
position: relative;
margin-top: -43px;
margin-left: -43px;
padding-right: 86px;
/*margin-bottom: -43px;*/
}
.content-block .content {
padding: 0px 5% 0 47px;
float:left;
_float:none;
position:relative;
margin-top:-15px;
}
.content-block .content h2 {
padding-top:0px;
padding-bottom:18px;
line-height:1.2em;
}
ul.subsection-list {
margin-bottom: 20px;
padding-left: 0px;
}
ul.subsection-list li {
float: left;
list-style: none;
padding: 0px 10px;
border-left: 2px solid #ffd94b
}
ul.product-list {
padding-left: 0px;
height: 1%;
}
ul.product-list li {
float: left;
list-style: none;
width: 32%;
}
ul.product-list li p {
line-height:1.3em;
}
ul.product-list li img {
float:left;
}
ul.product-list a {
text-decoration: none;
}
ul.product-list a span {
text-decoration: underline;
display: block;
font-size: 1.2em;
font-weight:bold;
}
.sidebar {
/*---*/ /*margin-left: 65%;*/margin-left:626px;
position: relative;
/*---*/
width:35%;
/* padding-bottom: 32750px;
margin-bottom: -32750px;*/
zoom: 1;
}
* html .sidebar {
padding-bottom: 0px;
margin-bottom: 0px;
/*---*/ margin-right:-626px;
}
*+html .sidebar {
padding-bottom: 0px;
margin-bottom: 0px;
/*---*/ margin-right:-626px;
}
.sidebar-content {
margin-top: 80px;
background: #FFF url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-bg.jpg") 0px 0px no-repeat;
padding-left: 2%;
/*---*/
/* padding-bottom: 32750px;
margin-bottom: -32750px;*/
}
* html .sidebar-content {
padding-bottom: 0px;
margin-bottom: 0px;
position: relative;
overflow: hidden;
zoom: 1;
}
*+html .sidebar-content {
padding-bottom: 0px;
margin-bottom: 0px;
position: relative;
overflow: hidden;
zoom: 1;
}
.sidebar-content:before {
content: " ";
height: 43px;
display: block;
width: 100%;
padding-left: 43px;
margin-bottom: -30px;
}
.sidebar-content h3 {
margin-left: 20px;
padding-bottom:15px;
}
.sidebar-content .banner {
margin-left:20px;
background:transparent url('/bitrix/templates/vpfab_ru_regular/include_areas/img/banner-bg.png') no-repeat 0 100%;
padding-bottom:19px;
}
.sidebar-content img {
vertical-align:bottom;
border:1px solid #dadada;
border-bottom:1px solid #9c9c9c;
}
.sidebar-spacer {
height:10px;
}
.sidebar-rounded {
margin-right: 7%;
/*---*/ background: #fff5ce url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-rounded-bg.jpg") 0px 0px repeat-y;
zoom: 1;
_behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '
' + this.innerHTML + '
') : '');
overflow: hidden;
}
.sidebar-rounded:before {
content: url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-rounded-tl.png");
background: url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-rounded-tr.png") 100% 0px no-repeat;
height: 24px;
display: block;
width: 100%;
margin-bottom: -24px;
}
.sidebar-rounded div {
background: url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-rounded-br.png") 100% 100% no-repeat;
min-height: 100px;
padding: 20px;
}
.sidebar-short div {
background: url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-rounded-br-short.png") 100% 100% no-repeat !important;
min-height: 55px;
}
.sidebar-rounded strong {
display: block
}
.sidebar dl {
margin-bottom:15px;
}
.sidebar dl dd {
margin-bottom:0;
clear:left;
/*---*/ font-size:0.85em;
line-height:1.4em;
}
.sidebar-content h3 span:after {
/*content: url('/bitrix/templates/vpfab_ru_regular/include_areas/img/link-after.gif');*/
}
.sidebar-content h3 span {vertical-align:top;font-size:0;}
.sidebar-rounded dt a{
font-size: 1.3em;
line-height:1em;
}
.sidebar-rounded dt span:after {
/*content: url('/bitrix/templates/vpfab_ru_regular/include_areas/img/link-after.gif');*/
}
.sidebar-rounded dt span {vertical-align:top;font-size:0px;}
.sidebar-rounded:after {
content: url("/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-rounded-bl.png");
height: 29px;
display: block;
width: 100%;
margin-top: -29px;
}
.all-news {
font-size:1.1em;
position:relative;
}
a.all-news[href^="http:"] {
/*background:transparent url('/bitrix/templates/vpfab_ru_regular/include_areas/img/link-after.gif') no-repeat scroll right top;*/
padding-right:10px;
}
.bonus-nav {
position: absolute;
width: 100%;
top: 0px;
left: 30px;
color: #FFF;
font-size: 1.2em
}
.tech-nav {
overflow: hidden !important;
overflow: visible;
zoom: 1;
margin-bottom: 20px;
}
.tech-nav li {
float: left;
padding: 0px 4%;
border-left: 1px solid #FFF
}
.tech-nav li:first-child {
padding-left: 0px;
border-left: 0px;
}
.bonus-nav label {
font-size: 1.2em;
cursor: pointer;
}
.bonus-nav input {
border: 0px;
padding: 0.2em;
width: 15em;
}
.footer {
margin: 0px 0 0 5%;
padding-bottom: 20px;
overflow: hidden;
zoom: 1;
font-size:1.1em;
}
.footer .content {
margin-top:0;
}
.footer .content img {
float:none;
padding-bottom:0;
}
.footer .content-wrapper {
background: transparent;
margin-top: 0px;
margin-right:0;
float:none;
margin-left:464px;
/*---*/ width:45%;
position: absolute;
clear:none;
font-size:0.9em;
}
/*---*/
*html .footer .content-wrapper {position:static;}
*+html .footer .content-wrapper {position:static;}
*html .footer .content-wrapper {width:auto;}
*+html .footer .content-wrapper {width:auto;}
.footer .content-wrapper .content {
padding:0;
width: 425px;
/*width:100%;*/
}
* html .footer .content-wrapper {
behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = this.innerHTML): '');
}
*+html .footer .content-wrapper {
behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = this.innerHTML): '');
}
.footer .address {
float:left;
width: 45%;
}
.footer address {
font-style:normal;
}
.footer .content-wrapper:before, .footer .content-wrapper:after {
display: none
}
.footer a {
color: #333
}
.komos {
float: left;
width: 67px;
margin-right: -67px;
}
.copy {
margin-left: 85px;
}
.footer .sidebar {
padding-left: 30px;
}
.footer .sidebar address {
font-style: normal
}
.phone span {
font-weight:bold;
}
.komos-group {
position: absolute;
top: 10px;
left: 3%;
margin-left: 4.0%;
padding-left: 304px;
font-size: 1.2em
}
.komos-group a {
color:#000;
text-decoration:none;
}
.komos-group a:hover {
text-decoration:underline;
}
.lang-select {
position: absolute;
top: 10px;
right: 0;
color: #fff;
}
.lang-select ul li {
float: left;
margin-left: 30px;
}
.lang-select ul li a{
color: #2d308e;
}
.lang-select ul li.lang-ru {
background: url(/bitrix/templates/vpfab_ru_regular/include_areas/img/flag-ru.png) center left no-repeat;
padding-left: 22px;
}
.lang-select ul li.lang-en {
background: url(/bitrix/templates/vpfab_ru_regular/include_areas/img/flag-en.png) center left no-repeat;
padding-left: 22px;
}
.bottom-area {
padding: 0 4.9%;
background: #FFF;
position: relative;
z-index: 1;
float:left;
}
.bottom-area h4 {
width:60%;
}
.bottom-area .left-arrow {
float:left;
width:15px;
}
.bottom-area .left-arrow a {
display:block;
width:14px;
height:65px;
background:transparent url('/bitrix/templates/vpfab_ru_regular/include_areas/img/p-arrow-left.gif') no-repeat;
}
.bottom-area .right-area {
margin-left:15px;
}
.bottom-area .right-arrow {
float:right;
width:15px;
}
.bottom-area .right-arrow a {
display:block;
width:14px;
height:65px;
background:transparent url('/bitrix/templates/vpfab_ru_regular/include_areas/img/p-arrow-right.gif') no-repeat;
}
.bottom-area .logos-line {
overflow:hidden;
width:869px;
height:65px;
}
.bottom-area .logos-line ul {
}
.bottom-area .logos-line ul li{
float:left;
padding-right:12px;
}
.bottom-area .logos-line ul li img {
float:left;
}
.bottom-area .logos-line ul li {
padding-right:14px;}
div.menu-content-bottom {
padding-left:45px;
/*margin-bottom:45px;*/
}
*html .menu-content-bottom {margin-bottom:0;}
*+html .menu-content-bottom {margin-bottom:0;}
table {
}
table tr td {
padding:2px 10px;
line-height:1.3em;
}
table tr.head td {
font-weight:bold;
padding:4px;
font-size:1.1em;
text-align:center;
}
.menu-top table td {border-bottom:0px}
table.catalog {padding-top: 20px;}
table.catalog tr {padding: 0;margin: 0;}
table.catalog tr td {padding: 0 5px 0;}
table.catalog tr td table td{padding: 0;}
table.catalog img {padding: 0; margin: 0;}
table.catalog h4 {line-height: 1.2em; text-align: center;}
.catalog-brands {padding-top: 2em;}
.catalog-brands td {padding-bottom: 2.3em;}
.catalog-brands div {border-left: 2px solid #FFD94B; margin-top: 1.2em; padding: 0 10px;}
*html .content-wrapper {width:629px}
*html .sidebar-content {width:327px;}
.menu-top-popup ul a {
color:#000000;
}
table.invis, table.invis tr, table.invis tr td {border: 0px solid;}
.menu-top table td div.menu-top-popup li.selected span {color: black;}
.menu-top td span {color: black;}
.content table, .content table tr, .content table tr td {border: 0px;}
.content table.table, .content table.table tr, .content table.table tr td {border: 1px solid black;}
.content table {width: 100%;}
.search-page input {border: 1px lightgray solid;}
.search-page .string {font-size: 1.2em; border: 1px lightgray solid;overflow:hidden;padding:3px 2px;width:390px;}
.search-page .btn {font-size: 1.2em;height: 1.8em; width: 7.4em;margin-top: 1em;}
/* table forms */
.content-block form table {padding-top: 1.3em;}
.content-block form table td.form-labels {width: 85px;text-align: right;vertical-align: top;}
.content-block form table td {vertical-align: top; width: 376px;}
.content-block form table .wide {width: 99%;}
.content-block form table input, .content-block form table textarea {font-size: 1.2em; border: 1px lightgray solid;overflow:hidden;padding:3px 2px;width:15em;}
.content-block form input.btn {font-size: 1.2em;height: 1.8em; width: 7.4em;margin-top: 1em;}
.content-block form table input.short {width: 7em;}
.content-block form table input.u-short {width: 3em;}
.content form table img {padding: 0px;}
.content-block form table textarea {height: 10em;}
.form-regular .errors {padding: 15px 0;}
.form-regular .errors .error-msg {color: red;}
.img-border {border: 1px solid gray;}
td.simple {padding: 2px 8px;}
td.simple img {border: 1px solid lightgray;}
td.simple table, td.simple table tr, td.simple table td {padding: 0; margin: 0;vertical-align: middle;}
table.simple input {padding: 0; margin: 0;}
td.kaptcha-cell {width: 6em;}
form span.small-txt {font-size: 0.8em;color: gray;line-height: 1.5em;}
.dlfile {
margin-left:20px;
margin-top:3px;
margin-bottom: 20px;
}
.dlfile .ico {
width:23px;
height:27px;
margin-right:17px;
float:left;
}
.xls .ico {
background: transparent url('/bitrix/templates/vpfab_ru_regular/include_areas/img/xls.gif') no-repeat;
}
.pdf .ico{
background: transparent url('/bitrix/templates/vpfab_ru_regular/include_areas/img/pdf.gif') no-repeat;
}
span.outlnk:after {
/*content: url('/bitrix/templates/vpfab_ru_regular/include_areas/img/link-after.gif');*/
font-size:0pt;
vertical-align:top;
}
.menu-top table td div.menu-top-popup ul li div.lnk-cnt {
display:block;
position:static;
margin:0;
padding:3px 0 3px 20px;
background:transparent url('/bitrix/templates/vpfab_ru_regular/include_areas/img/arrow.gif') no-repeat 5px 8px;
}
.menu-top table td div.menu-top-popup ul li div.lnk-cnt a {
display:inline;
position:static;
background:none;
padding:0;
}
*+html .content {padding-bottom: 50px;}
img[border='1']{
border: #666666 1px solid !important;
}
.tech-nav li {font-size: 0.89em;}
.content {width: 552px;}
.active span {cursor: default;}
.menu-top table tr {background: white;}
.content table.phonelist {border-collapse: collapse;}
.content table.phonelist tr {border-bottom: 1px grey solid;}
.content table.phonelist tr td {border-bottom: 1px grey solid;}
.sidebar-short {background: url('/bitrix/templates/vpfab_ru_regular/include_areas/img/sidebar-fixed.jpg') no-repeat; height: 61px;}
ul.guestbook {padding: 0;}
ul.guestbook li.guestbook-item {list-style: none; margin-bottom: 20px;}
ul.guestbook li.guestbook-item p.guestbook-question {font-weight: bold; font-style: italic;}
ul.guestbook li.guestbook-item p.guestbook-question span.name {font-size: 0.8em;}
ul.guestbook li.guestbook-item p.guestbook-question span.date {font-size: 0.8em; color: #666666;}