* {margin:0px; padding:0px;} * {margin:0px; padding:0px;} body, td { font-size: 16px; font-family: Tahoma; } /*img {behavior: url("pngbehavior.htc");}*/ img {border:0px;} col {background-image:none;} table {border-collapse:collapse;} table td {margin: 0px;padding: 0px;} .clr {clear:both; font-size:1px;} a:link {text-decoration: none;} a:visited {} a:hover {text-decoration: underline;} a:active {} a.catalog:link {text-decoration: none; color: red;} a.catalog:visited {color: red;} a.catalog:hover {text-decoration: underline; color: red;} a.catalog:active {color: red;} a.prod:link {text-decoration: none; color: black; font-size:11px;} a.prod:visited {color: black; font-size:11px;} a.prod:hover {text-decoration: underline; color: black; font-size:11px;} a.prod:active {color: black; font-size:11px;} .a_demo { background-color:#eaf2f8; font-family: 'Open Sans', sans-serif; font-size:16px; text-decoration:none; color:#fff; padding:10px 20px; padding-right:20px; background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%); border-radius: 5px; box-shadow: inset 0px 1px 0px #47789d, 0px 5px 0px 0px #47789d, 0px 10px 5px #999; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .a_demo:active { top:3px; background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%); box-shadow: inset 0px 1px 0px #47789d, 0px 2px 0px 0px #47789d, 0px 5px 3px #999; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .a_demo:active::before { top:50%; margin-top:-12px; box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #47789d, 0px 6px 3px #345b79; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } #body { max-width: 1180px; min-width: 900px; margin:auto; } #logo a {color: black;} .imageH1 {float:left; margin: 7px 7px 7px 0; width:250px;} .blockInf {clear:both; margin-top: 30px; width:100%;} .blockInf a {color:#0b4da3; text-decoration:none;} .blockInf a:hover {color:#888888; text-decoration:underline;} .logoMenu {display: table; width: 100%; margin: 0 auto;} .logoMenu .logoMain {display: table-cell; max-width: 0px;} .logoMenu .tel {display: table-cell; max-width: 0px;vertical-align: -webkit-baseline-middle;} .logoMenu .logoProd {display: table-cell; max-width: 0px; text-align: end; } .logoMenu .logoProd .imgLogo {max-width: 386px; display: inline;} .logoMenu .logoProd .imgLogo img{width:178px; height:56px; margin-bottom:5px;} .blu_lin1 {padding-bottom:3px;} .blu_lin1 div {height:5px; border-top:1px solid #bed2e6; background:#edf3f9; font-size:1px;} .blu_lin2 {padding:3px 0 3px 0;} .blu_lin2 div {height:9px; border-top:1px solid #bed2e6; background:#edf3f9; font-size:1px;} .blu_lin3 {padding:5px 0 15px 0;} .blu_lin3 div {height:6px; background:#edf3f9; font-size:1px; clear:both;} #head .ttb {height:9px; font-size:1px;} #head .btb {height:3px; font-size:1px;} #head .middle {min-height:140px; _height:140px;} *+html #head .middle {_height:1px;} #head .middle .menu {padding-bottom: 20px;} #head .middle .menu ul {list-style:none; width:100%; display: table; background-color: #cacaca;} #head .middle .menu ul li {display: table-cell; position:relative; vertical-align: middle; text-transform: uppercase; text-align: center; height: 40px; border: 1px solid #ffffff;} #head .middle .menu ul li div {position:relative;} #head .middle .menu ul li a {font-weight:bold; color:#3c71b4; text-decoration:none;} #head .middle .menu ul li a:hover {color:#ff3200;} #head .middle .menu ul li.on {display:table-cell;} #head .middle .menu ul li.end {display:none;} #head .middle .menu ul li.end ul{z-index:1; display: block; margin-top:10px; width:100%; min-width:250px; list-style:none; position:absolute; right:0; display: none; opacity:0; -webkit-transition:0.25s linear opacity;} #head .middle .menu ul li.end ul li{display: block; vertical-align: middle; text-transform: uppercase; text-align: center; height: 36px; border: 1px solid #ffffff;} #head .middle .menu ul li.end ul li a{vertical-align: -webkit-baseline-middle;} #head .middle .menu ul li.end:hover ul{display: block; opacity:1;} #head .middle .menu ul li.on a {color:#ff3200;} #head .middle .menu ul li.on b {color:#ff3200; font-weight:bold; text-decoration:none;} #head .middle .menu ul li a span {font-family:Georgia; font-size:13px; font-weight:bold; color:red; text-decoration:none;} #head .middle .menu ul li a:hover span {text-decoration:underline;} #head .middle .menu ul li.on a span{color:red; font-size:13px;} #head .middle .menu ul li.on b span{color:red; font-family:Georgia; font-size:13px; font-weight:bold; text-decoration:none;} #head .dop_menu {float:right; padding-right:16px;} #head .dop_menu ul {list-style:none; width:127px; padding-bottom:11px; background:url('/i/dop_menu_lin.gif') left bottom repeat-x;} #head .dop_menu ul li {padding-left:12px; background:url('/i/dop_menu_marker.gif') left 57% no-repeat;} #head .dop_menu ul li a {font-family:Tahoma; font-size:69%; color:#4a5e78; text-decoration:none;} #head .dop_menu ul li a:hover {color:#888888; text-decoration:underline;} #head .middle {position:relative;} .flash {position:absolute; bottom:-2px; left:198px; width:634px; height:149px;} *+html .flash {position:absolute; bottom:-3px; left:198px; width:634px; height:149px;} /*#head .middle {background:url('/i/flash.jpg') bottom center no-repeat;}*/ #left {float:left; width:207px; margin-right:3px;} #right {float:right; width:100%;} #left .ttb {min-height:27px; _height:27px; padding:13px 0 0 29px; background:url('/i/left_block_tb.gif') top left no-repeat; font-family:Verdana; font-size:81%; font-weight:bold; color:#ee4a27;} #left .tmtb {height:4px; background:url('/i/left_block_tb.gif') left -186px no-repeat; font-size:0px;} #left .btb {height:3px; margin-bottom:3px; background:url('/i/left_block_tb.gif') bottom left no-repeat; font-size:1px;} #left .middle { _height:1px; border-left:1px solid #dadada; border-right:1px solid #dadada;} #video_menu .ttb {min-height:27px; _height:27px; padding:13px 0 0 29px; background:url('/i/left_block_tb.gif') top left no-repeat; font-family:Verdana; font-size:81%; font-weight:bold; color:#ee4a27;} #video_menu .tmtb {height:4px; background:url('/i/left_block_tb.gif') left -186px no-repeat; font-size:0px;} #video_menu .btb {height:3px; margin-bottom:3px; background:url('/i/left_block_tb.gif') bottom left no-repeat; font-size:1px;} #video_menu .middle { _height:1px; border-left:1px solid #dadada; border-right:1px solid #dadada;} #video_menu .catalog { padding:19px 20px 12px 19px} #video_menu .catalog ul {list-style:none; background:url('/i/catalog_lin.gif') left top repeat-x} #video_menu .catalog ul li {background:url('/i/catalog_lin.gif') bottom left repeat-x; font-size:69%;} #video_menu .catalog ul li div {padding:3px 0 3px 10px; _padding:0 0 3px 10px; background:url('/i/catalog_marker.gif') left 54% no-repeat;} #video_menu .catalog ul li.on div {padding:3px 0 3px 10px; _padding:0 0 3px 10px; background:url('/i/catalog_marker_on.gif') left 54% no-repeat;} #video_menu .catalog ul li a {font-family:Tahoma; font-size:100%; color:#0b4ea1; text-decoration:none;} #video_menu .catalog ul li li a {font-family:Tahoma; font-size:100%; color:#0b4ea1 !important; text-decoration:none;} #video_menu .catalog ul li.on a {font-family:Tahoma; font-size:100%; color:#ff3200; text-decoration:underline;} #video_menu .catalog ul li.on a:hover {font-family:Tahoma; font-size:100%; color:#ff3200; text-decoration:none;} #video_menu .catalog ul li.on li.on a, #video_menu .catalog ul li.on li.on b {font-family:Tahoma; font-size:100%; color:#ff3200 !important; text-decoration:underline;} #video_menu .catalog ul li.on li.on b {text-decoration:none; font-weight:normal} #video_menu .catalog ul li.on li.on a:hover {font-family:Tahoma; font-size:100%; color:#ff3200; text-decoration:none;} #video_menu .catalog ul li a:hover {color:#ff3200; text-decoration:underline;} #video_menu .catalog ul li ul {padding-bottom:5px; background:none;} #video_menu .catalog ul li li {padding-left:15px; background:none; font-size:100%;} #left .catalog { padding:19px 20px 12px 19px} #left .catalog ul {list-style:none; background:url('/i/catalog_lin.gif') left top repeat-x} #left .catalog ul li {background:url('/i/catalog_lin.gif') bottom left repeat-x; font-size:69%;} #left .catalog ul li div {padding:3px 0 3px 10px; _padding:0 0 3px 10px; background:url('/i/catalog_marker.gif') left 54% no-repeat;} #left .catalog ul li.on div {padding:3px 0 3px 10px; _padding:0 0 3px 10px; background:url('/i/catalog_marker_on.gif') left 54% no-repeat;} #left .catalog ul li a {font-family:Tahoma; font-size:100%; color:#0b4ea1; text-decoration:none;} #left .catalog ul li li a {font-family:Tahoma; font-size:100%; color:#0b4ea1 !important; text-decoration:none;} #left .catalog ul li.on a {font-family:Tahoma; font-size:100%; color:#ff3200; text-decoration:underline;} #left .catalog ul li.on a:hover {font-family:Tahoma; font-size:100%; color:#ff3200; text-decoration:none;} #left .catalog ul li.on li.on a, #left .catalog ul li.on li.on b {font-family:Tahoma; font-size:100%; color:#ff3200 !important; text-decoration:underline;} #left .catalog ul li.on li.on b {text-decoration:none; font-weight:normal} #left .catalog ul li.on li.on a:hover {font-family:Tahoma; font-size:100%; color:#ff3200; text-decoration:none;} #left .catalog ul li a:hover {color:#ff3200; text-decoration:underline;} #left .catalog ul li ul {padding-bottom:5px; background:none;} #left .catalog ul li li {padding-left:15px; background:none; font-size:100%;} .anons {padding:20px 15px 21px 15px; font-family:Tahoma; font-size:69%; color:#333333;} .anons a {color:#0B4DA3; text-decoration:none;} .anons p {padding-bottom:10px} .anons a:hover {color:#888888; text-decoration:underline;} .anons a:hover {color:#ff3200} .anons div {color:#0b4da3; text-decoration:underline;} .anons .subsc {padding-top:65px; background:url('/i/catalog_lin.gif') left 50px repeat-x; color:#848282; text-decoration:none;} .anons .subsc div {padding-top:12px; text-decoration:none;} .anons .subsc div input {width:134px; height:18px; margin-right:5px; border:1px solid #a1a1a1;} .anons .subsc div button {float:right; width:31px; height:21px; background:transparent url('/i/ok.gif') left top no-repeat; border:0px;} #right {} #right h1 {padding-left:20px; margin-bottom:11px; font-family:Tahoma; font-size:22px; color:#ff3200;} #right .middle h1 {padding-left:0px; margin-bottom:11px; font-family:Tahoma; font-size:22px; color:#ff3200;} #right .middle h2 {padding-left:0px; margin-bottom:11px; font-family:Tahoma; font-size:18px; color:#0B4DA3;} #right .ttb {height:3px; font-size:1px;} #right .btb {height:3px; font-size:1px;} #right .middle {_height:1px;} #right .center {padding:15px 13px 1px 13px;} #right .center p {padding-bottom:14px; font-family:Tahoma; font-size:16px; color:#333333;} #right .center p strong.blu {font-size:109%; color:#0b4da3;} #right .center p a {color:#0b4da3; text-decoration:none;} #right .center p a:hover {color:#888888; text-decoration:underline;} #right .center ul {font-family:Tahoma; font-size:100%; color:#333333; margin-left:20px; margin-bottom:10px;} #right .center ul ul {font-size:69%} #right .center ul ul p {font-size:100%} #right .center ol {font-family:Tahoma; font-size:69%; color:#333333; padding-left:40px;} #right .center ol p {font-size:100%} #right .center li p { padding-bottom:3px;} #right .tbl {padding:0px 10px 1px 10px;} #right .tbl table {width:743;} #right .tbl table td, #right .tbl table th {padding-top:14px; background:url('/i/catalog_lin.gif') left bottom repeat-x; vertical-align:top; font-family:Tahoma; font-size:100%;} #right .tbl table tr.end td, #right .tbl table .end th {background:none;} #right .tbl table th {padding-left:5px; padding-right:10px; padding-bottom:3px;} #right .tbl table td {padding-bottom:13px;} #right .tbl table td h2 {margin-bottom:13px; font-size:75%; color:#0b4da3;} #right .tbl table td .r {float:right; width:150px; padding-left:20px; margin-bottom: 20px; padding-right:10px;} #right .tbl table td .r ul {list-style:none; padding-left:14px; padding-bottom:3px; margin:0; background:url('/i/ul_line.gif') left top repeat-y;} #right .tbl table td .r ul li {padding-bottom:2px; font-size:69%;} #right .tbl table td .r a {color:#0b4ea1;} #right .tbl table td .r a:hover {color:#ff3200;} #right .tbl p {padding-bottom:14px;} #right .breadcrumbs {font-size:12px; color:#5a5b5b; border-right: 1px solid #dadada; border-left: 1px solid #dadada; text-indent: 10px;} #right .breadcrumbs a{font-size:12px; color:#b1b1b1;} #right .breadcrumbs a:hover{font-size:12px; color:#3c71bc;} /*Таблицы товаров */ table.tabCatalog { border: 1px #FFF; border-collapse: inherit; text-align: center;} table.tabCatalog tr.top { background-color:#999999;} table.tabCatalog tr.first { background-color:#CCCCCC;} table.tabCatalog tr.second { background-color:#999999;} table.tabCatalog td.left { text-align: left;} /* #right .tbl_inner {padding:0px 10px 1px 10px;} #right .tbl_inner table {width:743;} #right .tbl_inner table td, #right .tbl_inner table th {padding-top:14px; vertical-align:top; font-family:Tahoma; font-size:69%;} #right .tbl_inner table td td, #right .tbl_inner table td th {padding-top:0px; vertical-align:top; font-family:Tahoma; font-size:100%;} #right .tbl_inner table tr.end td, #right .tbl table .end th {background:none;} #right .tbl_inner table th {padding-left:5px; padding-right:10px; padding-bottom:3px;} #right .tbl_inner table td {padding-bottom:13px;} #right .tbl_inner table td h2 {margin-bottom:13px; font-size:109%; color:#0b4da3;} #right .tbl_inner p {padding-bottom:14px;} */ .tbl_inner {margin-bottom:14px; font-size:69%; font-family:Tahoma; /*width:555px;*/ width:100%;} .tbl_inner td, .tbl_inner th {padding:2px 8px 2px 8px;} .tbl_inner td {text-align:center;} .tbl_inner th {text-align:left; font-weight:normal; width:65%;} .tbl_inner .thead td, .tbl_inner .thead th {background:#bed2e6; font-weight:bold;} .tbl_inner .cv td, .tbl_inner .cv th {background:#ebf2f5;} .tbl_inner .cv td { border-left:1px solid #ffffff;} .tbl_2x2 {padding-right:20px; overflow: hidden;} .tbl_2x2 .photo {width:450px; min-height:96px; float: left;} .tbl_2x2 .photo img{float: left;} h2.blu {margin-bottom:13px; font-family:Tahoma; font-size:75%; color:#0b4da3;} h3 {padding-bottom:13px; color:#0b4da3; font-size: 16px; font-family:Tahoma; text-decoration:underline;} h3 a {font-size:100%; color:#0b4da3;} .lin {height:15px; background:url('/i/dop_menu_lin.gif') left top repeat-x;} .photo {width: 350px} .photo img {margin-right:15px; padding:1px; background:#FFFFFF; border:1px solid #d5d5d5;} .photo .clr {height:2px;} .photo {xmargin-right:20px; xwidth:90%} .photo td.pic {text-align:center;} #photo table.photo {float:left; width:130px; height:130px; margin:0} span.red {color:#ff0000; font-weight:bold;} .cont p {padding-bottom:39px !important; padding-left:26px;} .cont p.first {padding-bottom:26px !important;} .cont a {color:#0b4ea1 !important; text-decoration:none;} .cont a:hover {color:#888888 !important; text-decoration:underline;} .bottom_menu {color:#787b81; font-family:Tahoma; font-size:69%; text-align:center;} .bottom_menu a {color:#0a4da1; text-decoration:none;} .bottom_menu a:hover {color:#888888; text-decoration:underline;} #copy {padding:21px 0 14px 0; font-family:Tahoma; font-size:69%; color:#333333; text-align:center;} p.print {margin:15px 0 15px 5px; background:url(/i/print.gif) no-repeat left center; padding:3px 0 3px 20px !important;} ul.video {list-style: none; list-style-image:none; padding:0; margin-left:0 !important;} ul.video b {color:#FF3200;} #video ul li div { background: url(/i/video.gif) no-repeat left center !important; padding-left:17px !important;} #video ul li.on div { background: url(/i/video-act.gif) no-repeat left center !important; padding-left:17px !important;} #video ul li li {padding-left:22px !important;} table.user { margin-bottom: 15px; } /* .middle table td { *font-size: 160%; } .middle table td h1 { *font-size: 160%; } */ .middle td { font: 13px Tahoma; } .middle td { xborder: 1px solid #dadada !important; padding: 5px; } .user td {border: 1px solid #dadada !important;} .user td h1 { font-size: 14px !important; } .user td h2 { font-size: 13px !important; } .user td h3, .user td p, .user td div { font-size: 12px !important; } table h1 p, table h2 p, table h3 p { font-size: 12px !important; } @media print { .blu_lin1, #head, .blu_lin2, #left, .blu_lin3, .bottom_menu, #copy, #right .ttb, #right .btb, p.print {display:none;} #right .middle.center {border:0;} #body {font-size:120%; width:665px;} #right { width:100%; float:none; margin:20px 0; } .tbl_inner td, .tbl_inner th {padding:2px 8px 2px 8px; border:1px solid !important} h1 {padding-left:12px !important;} #logo a {display:block; height:80px; width:100%;} } /* блок products */ .products {margin-top: 10px; border-bottom: 1px solid #f0f0f0; width: 100%; display: inline-block;} .products h2{} .products .titleGroup a{font-size: 12pt; color: #000;} .products .product {float:left; margin-left: 10px; padding: 5px; width: 280px; min-height: 390px; border: 1px solid #fff;} .products .product ul {margin-left: 10px; list-style-image: url(/files/images/dot.gif);} .products .product ul a{color: black;} .products .product .title {font-weight: bold;} .products .product .title a{color: red;} .products .product img{max-width: 200px; max-height: 200px;} .selectRegion span {color:#000; border-bottom:1px dashed #000; cursor: pointer; margin-left: 2px;font-size: 14px;} table.selectRegion td { font-size: 10pt; padding: 2px; margin-bottom: 11px;} table.selectRegion td a {color:#0b4da3; text-decoration:none;} table.selectRegion td a:hover {color:#888888; text-decoration:underline;} div.sc_menu{position:relative;height:145px;width:500px;overflow:auto;} ul.sc_menu{display:block;height:80px;width:3000px;padding:15px 0 0 15px;margin:0;list-style:none;} .sc_menu li{display:block;float:left;padding:0 1px;} .sc_menu a{display:block;text-decoration:none;} .sc_menu span{display:none;margin-top:3px;text-align:center;font-size:12px;color:#fff;} .sc_menu a:hover span{display:block;} .sc_menu img{border:3px #fff solid;-webkit-border-radius:3px;-moz-border-radius:3px;} .sc_menu a:hover img{border:3px #f36223 solid;-webkit-border-radius:3px;-moz-border-radius:3px;} .gallery {height: 90px; overflow: hidden; clear:both;} .gallery img{} .bestgallerys li {width: 135px;height: 90px;float: left;margin-right: 20px;overflow: hidden;} .videosCat { display: table;} .videosCat .video { float: left; padding: 5px;} /* блок products */ .otzivi {margin-top: 10px; border-bottom: 1px solid #f0f0f0; width: 100%; display: inline-block;} .otzivi .otziv {float:left; margin-left: 10px; padding: 5px; width: 200px; min-height: 300px;} .otzivi .otziv .company {font-weight: bold; font-size: 14px; margin-top: 10px;} .otzivi .otziv img{max-width: 200px; max-height: 200px; border: 1px solid #000; box-shadow: 5px 5px rgba(0,0,0,0.6);} /*********************** Настройка разметки для мобильных устройств ***********************/ /*здесь указаны параметры которые активируется при ширене страницы меньше 900px*/ @media only screen and (max-width: 900px) { #body {max-width: 760px; min-width:500px; margin: 0px 5px;} .logoMenu .logoMain {display: -webkit-box; max-width: 0px;} .logoMenu .tel {display: -webkit-inline-box; max-width: 500px;} .logoMenu .logoProd {max-width: 100%;} .logoMenu .logoProd .imgLogo {max-width: 178px; display: inherit;} .logoMenu .logoProd .imgLogo img{width:178px; height:56px;} #head .middle .menu ul li {display: none;} #head .middle .menu ul li.on {display:table-cell;} #head .middle .menu ul li.end {display:table-cell;} .products .product {width: 220px;} }