@charset "utf-8"; /* CSS Document */ html, body, div, ul, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form {margin: 0px; padding: 0px;} html {height: 100%; font-size: 62.5%; background: #fff;} body {font: normal 11px Tahoma, Arial, sans-serif; color: #4f4f4f; background: #fff; position: relative; height: auto !important; height: 100%; min-height: 100%;} img {border: none;} a {cursor: pointer; text-decoration: underline; color: #1085fe;} a:hover {text-decoration: none;} p {padding-bottom: 10px;} p small {font-size: 1em;} h1, h2, h3, h4, h5, h6 {font: bold 18px sans-serif; color: #000000; padding-bottom: 15px;} h1 {font-size: 24px;} h3 {font-size: 14px;} h4 {font-size: 13px;} h5 {font-size: 12px;} h6 {font-size: 11px;} input[type='submit'], input[type='button'] {cursor: pointer;} ul li {list-style: disc inside; padding-left: 10px;} .clear {height: 0; overflow: hidden; clear: both;} /*----------------------------------------------------------------------------------------------------.site----------------*/ .site { min-height: 100%; background: #fff; width: 969px; margin: 0 auto; padding-bottom: 50px;} * html .site { height: 100%;} /*----------------------------------------------------------------------------------------------------header----------------*/ .header {position: relative; padding-top: 15px; height: 153px; margin-bottom: 17px;} #logo {position: absolute; top: 51px; left: 22px; width: 135px; height: 56px;} #logo a {width: 135px; height: 56px; display: block; background: url(../images/logo.png) no-repeat; text-indent: -9999px; overflow: hidden;} #home {position: absolute; top: 15px; left: 60px; background: url(../images/home.png) no-repeat; width: 11px; height: 11px; display: block;} #poisk {position: absolute; top: 15px; left: 88px; background: url(../images/home-1.png) no-repeat; width: 11px; height: 11px; display: block;} #mail {position: absolute; top: 15px; left: 115px; background: url(../images/home-2.png) no-repeat; width: 12px; height: 11px; display: block;} .head-span {font: normal 18px Georgia, "Times New Roman", Times, serif; color: #c8c7c7; padding-left: 237px;} .head-span a {color: #c8c7c7; text-decoration: none;} .head-span a:hover {text-decoration: underline;} .poisk {position: absolute; top: 63px; left: 237px;} .poisk div {background: url(../images/poisk-L.png) no-repeat; padding-left: 7px; height: 27px; display: inline-block; * display: inline;} .poisk div div {background: url(../images/poisk-R.png) top right no-repeat; padding-right: 7px; padding-left: 0; display: inline-block; * display: inline;} .poisk-text {width: 417px; background: url(../images/poisk-bg.png) repeat-x; border: none; height: 27px; font-size: 12px; color: #969696; * margin-right: -3px;} .poisk-but {background: url(../images/poisk-but.png) 0 10px no-repeat; width: 32px; height: 34px; border: none;} .korz-img {position: absolute; top: 15px; right: 0; margin: 0; padding: 0; width: 240px;} .div-head-1 {background: url(../images/korzina.png) left 8px no-repeat; padding: 14px 20px 10px 42px; display: inline-block; * display: inline; overflow: hidden; position: relative;} .div-head-1 a {color: #000;} .div-head-1 .a-2 {display: block; position: absolute; width: 32px; height: 23px; top: 8px; left: 0; } .div-head-2 .a-3 {display: block; position: absolute; width: 20px; height: 20px; top: 8px; left: 0; } .div-head-2 {background: url(../images/i.png) left 8px no-repeat; padding: 14px 0px 10px 33px; display: inline-block; * display: inline; overflow: hidden; position: relative;} .div-head-2 a {color: #000;} .form-1 {padding-top: 10px;} .form-1 input {width: 137px; height: 16px; background: url(../images/login.png) repeat-x; color: #969696; font-size: 12px; border: 1px #e5e5e5 solid; } .form-1 ul {float: left; width: 137px;} .form-1 ul li {list-style: none outside; padding: 0; padding-bottom: 6px;} .form-1 ul.f-1 {float: left; width: 98px;} .form-1 ul.f-1 li {padding-bottom: 2px; padding-left: 10px;} .form-1 ul.f-1 li a {font-size: 10px; color: #969696;} .form-1 input.f-1But {background: none; border: none; font-size: 11px; font-weight: bold; color: #010101; text-align: left; width: 38px;} .nav-1 {position: absolute; bottom: 0; left: 0; width: 100%;} .nav-2 {background: url(../images/nav-l.png) no-repeat; padding-left: 9px; height: 42px; } .nav-3 {background: url(../images/nav-ri.png) right no-repeat; padding-left: 0; padding-right: 9px; } #nav {background: url(../images/nav-bg.png) repeat-x; padding-left: 0; padding-right: 0px; height: 42px;} #nav li {list-style: none outside; color: #fbc114; padding: 0; background: url(../images/nav-r.png) right no-repeat; height: 30px; padding: 12px 49px 0 46px; font-size: 14px; text-align: center; float: left; position: relative;} #nav li a {color: #fff; text-decoration: none;} #nav li a:hover {color: #fbc114;} #nav li.li-bg {background: none; margin-right: -20px;} /*----------------------------------------------------------------------------------------------------conteiner----------------*/ .conteiner {width: 100%; overflow: hidden; padding-bottom: 50px;} /*----------------------------------------------------------------------------------------------------.page----------------*/ .page {float: left; width: 720px;} .fon {background: url(../images/fon.png) no-repeat; height: 1%; width: 718px;} .fonLT {background: url(../images/confonLT.png) 1px top no-repeat;} .fonRT {background: url(../images/confonRT.png) right top no-repeat;} .fonLB {background: url(../images/confonLB.png) 1px bottom no-repeat;} .fonRB{background: url(../images/confonRB.png) right bottom no-repeat; font-size: 12px; color: #000; line-height: 20px; padding: 8px 18px 0px 15px;} .ul-1 {width: 706px;} .ul-1 div {background: url(../images/menu-l.png) no-repeat; padding-left: 7px; height: 23px;} .ul-1 div div {background: url(../images/menu-r.png) right no-repeat; padding-left: 0; padding-right: 7px;} ul.menu {background: url(../images/menu-bg.png) repeat-x; padding-left: 0; padding-right: 0; height: 23px;} ul.menu li {float: left; list-style: none outside; padding: 4px 0 0 15px; color: #000; font-weight: bold; background: url(../images/menu-bg.png) repeat-x; font-size: 11px; width: auto;} ul.menu li a {color: #000; font-weight: normal; text-decoration: underline;} ul.menu li a:hover {text-decoration: none;} ul.menu li span {padding-left: 15px; font-weight: normal;} /*----------------------------------------------------------------------------------------------------.content----------------*/ .content {padding-top: 10px;} .form-centr {padding-top: 15px; padding-right: 135px;} .form-2 * {vertical-align: top;} .form-2 input {width: 325px; height: 19px; border: 1px #a3a3a3 solid; margin-left: 11px; background: #fff; font-size: 12px; color: #000;} .form-2 input.button {background: url(../images/but.png) no-repeat; border: none; width: 86px; height: 20px;} .form-2 input.button-1 {background: url(../images/prodolg.png) no-repeat; border: none; width: 86px; height: 20px;} .form-2 div {padding-bottom: 9px; clear: both; text-align: right;} .form-2 div.but {padding-right: 121px;} .form-2 span {text-align: right; font-size: 12px; color: #000;} .form-2 textarea {width: 325px; height: 142px; border: 1px #a3a3a3 solid; margin-left: 11px; background: #fff; font-size: 12px; color: #000;} .form-2 div.pad {padding-bottom: 29px;} .sortirovka {padding-bottom: 5px; font: normal 11px Arial, Helvetica, sans-serif; color: #7f7f7f; float: left; padding-top: 10px;} .sortirovka strong {color: #000;} .sortirovka a {color: #000;} .sortirovka-1 {padding-bottom: 5px; font: normal 12px Arial, Helvetica, sans-serif; color: #010101; float: left; padding-top: 2px;} .sortirovka-1 span {color: #ff9600;} .paginac {padding-right: 15px; padding-top: 5px; text-align: right; } .paginac * {vertical-align: middle;} .paginac li {list-style: none outside; padding: 0; margin: 0 5px; font-size: 11px; color: #000; text-align: center; display: inline-block;} * html .paginac li {display: inline;} *+html .paginac li {display: inline;} .paginac li a {color: #000; } .paginac li.li-a {background: url(../images/pag-LL.png) left 5px no-repeat; width: 5px; height: 15px;} .paginac li.li-b {background: url(../images/pag-L.png) left 5px no-repeat; width: 5px; height: 15px;} .paginac li.li-c {background: url(../images/pag-R.png) left 5px no-repeat; width: 5px; height: 15px;} .paginac li.li-e {background: url(../images/pag-RR.png) left 5px no-repeat; width: 5px; height: 15px;} .paginac li.li-d {background: url(../images/pag-bg-L.png) no-repeat; padding-left: 3px; height: 15px; margin-top: 1px;} .paginac li.li-d div {background: url(../images/pag-bg-R.png) right top no-repeat; padding-left: 0; padding-right: 3px; display: inline-block; } * html .paginac li.li-d div {display: inline;} *+html .paginac li.li-d div {display: inline;} .paginac li.li-d div div {background: url(../images/pag-bg.png) repeat-x; padding-left: 3px; padding-right: 1px; height: 15px; padding-top: 1px;} .paginac li.li-a a, .paginac li.li-b a, .paginac li.li-c a, .paginac li.li-e a {width: 5px; height: 15px; display: block;} .content-menu {width: 340px; border: 1px #e5e5e5 solid; margin: 2px 4px 2px 0; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1; * display: inline; position: relative; min-height: 154px; _height: 154px; list-style: none outside; padding: 0; padding-right: 8px; * padding-right: 0px; border-bottom: -1px #e5e5e5 solid; padding-bottom: 0;} .content-menu-2 {width: 718px; border: 1px #e5e5e5 solid;} .content-menu-2 .ul-3 {background: url(../images/predlog-bg.png) top repeat-y;} .content-menu-2 li {list-style: none outside; padding: 0; width: 33%; float: left;} .li-border {border: none;} .content-menu-2 span {font-size: 18px; color :#ff0000; font-weight: bold;} .content-menu-3-2 {width: 718px; background: url(../images/news-T.png) no-repeat; padding-top: 9px;} .content-menu-3-1 {background: url(../images/news-B.png) left bottom no-repeat; padding-bottom: 10px; padding-top: 0;} .content-menu-3 {background: url(../images/news-BG.png) repeat-y;} .content-menu-3-1 li {list-style: none outside; padding: 0 9px 0 12px; width: 30%; float: left;} .content-menu-3-1 li h6 {color: #000;} .content-menu-3-1 li h6 a {color: #000;} .a-1 {float: right; font-size: 10px; color: #000;} .cont-1 {padding-bottom: 15px; vertical-align: sub; position: relative; zoom:1;} .cont-2 {} .cont-2-L {width: 190px; float: left;} .cont-2 .ul-4 {float: left; width: 235px;} .cont-2 .ul-4 h5 {padding-bottom: 5px;} .cont-2 .ul-5 h5 {padding-bottom: 5px;} .cont-2 .ul-4 ul {padding-bottom: 25px;} .cont-2 .ul-5 ul {padding-bottom: 25px;} .cont-2 .ul-4 li {list-style: none outside; padding: 0; padding-bottom: 5px;} .cont-2 .ul-5 li {list-style: none outside; padding: 0; padding-bottom: 5px;} .cont-2 .ul-5 {width: 277px; float: left;} .cont-3 {padding-bottom: 80px; padding-right: 10px;} .img-1 {padding-top: 24px;} .img-1 img {border: 1px #e5e5e5 solid; margin: 0 5px 5px 0;} .p-1 {padding-bottom: 10px; color: #6e6e6e; line-height: 14px;} .p-2 {padding-bottom: 10px; color: #000; line-height: 14px; overflow: hidden; padding-top: 20px;} .p-3 {font: normal 14px Arial, Helvetica, sans-serif; color: #010101; line-height: 18px; padding-bottom: 15px; padding-right: 15px;} .p-4 {line-height: 18px; font-size: 14px; color: #010101; padding-top: 12px;} .p-4 p {padding-bottom: 0;} .c-L-T {background: url(../images/conerLT.png) left top no-repeat; margin: -1px; height: 1%; position: relative; width: 350px;} .c-R-T {background: url(../images/conerRT.png) right top no-repeat; height: 1%;} .c-R-B {background: url(../images/conerRB.png) right bottom no-repeat; height: 1%;} .c-L-B {background: url(../images/conerLB.png) left bottom no-repeat; height: 1%;} .c-L-T-2 {background: url(../images/conerLT.png) left top no-repeat; margin: -1px; height: 1%; position: relative; width: 720px; } .c-R-T-2 {background: url(../images/conerRT.png) right top no-repeat; height: 1%; padding-top: 10px;} .c-R-B-2 {background: url(../images/conerRB.png) right bottom no-repeat; height: 1%;} .c-L-B-2 {background: url(../images/conerLB.png) left bottom no-repeat; height: 1%; padding-bottom: 10px;} .c-L-T-1 {background: url(../images/con-news-LT.png) left top no-repeat; margin: -1px; height: 1%; position: relative; width: 720px } .c-R-T-1 {background: url(../images/con-news-RT.png) right top no-repeat; height: 1%; padding-top: 10px; } .c-R-B-1 {background: url(../images/con-news-RB.png) right bottom no-repeat; height: 1%;} .c-L-B-1 {background: url(../images/con-news-LB.png) left bottom no-repeat; height: 1%; padding-bottom: 10px;} .content-menu-L {float: left; width: 90px; padding-top: 17px; padding-left: 7px;} .content-menu-R {padding-left: 113px; padding-top: 17px; padding-bottom: 50px; } .content-menu-L-1 {float: left; width: 65px; overflow: hidden; padding-top: 10px; padding-left: 14px;} .content-menu-R-1 {padding-left: 68px; padding-top: 10px; padding-bottom: 15px; line-height: 16px;} .content-menu-R-1 h3 {padding-bottom: 8px; color: #000;} .content-menu-R h3 {padding-bottom: 0px; color: #000; font-size: 11px;} .content-menu-R-1 h3 a {padding-bottom: 0; color: #000; text-decoration: none;} .content-menu-R-1 h3 a:hover {text-decoration: underline;} .content-menu-R h3 a {font-size: 11px; color: #000;} .content-menu-R ul li {list-style: none outside; padding: 0;} .content-menu-R .v-korz {position: absolute; bottom: 10px; } .v-korz-a {background: url(../images/korz-small.png) left 2px no-repeat; color: #000; font: normal 12px Tahoma, Arial, sans-serif; padding-left: 20px;} .v-korz span {color: #ff9601; font-size: 18px; font-weight: bold; padding-right: 14px;} .v-korz-1 {background: url(../images/border-dotted.png) bottom repeat-x; padding-bottom: 10px; margin-right: 10px;} .v-korz-1 span {color: #ff9601; font-size: 18px; font-weight: bold; padding-right: 14px;} .h1 { font-weight: normal;} .h2 {font-size: 24px; font-weight: normal;} .h2-1 {padding-top: 15px; font-size: 24px; padding-bottom: 4px; font-weight: normal;} .h3 {font-size: 16px; display: inline-block; *display: inline; padding-bottom: 0;} .h3 a {padding-left: 6px; color: #000;} .inf {background: #e4e4e4; width: 515px; width: 515px; float: right; margin-bottom: 30px;} .inf div {background: url(../images/!-T.png) no-repeat;} .inf div div {background: url(../images/!-B.png) left bottom no-repeat; padding-right: 4px; color: #adadad; font-size: 9px; padding-left: 34px; padding-top: 2px; padding-bottom: 4px;} .table {width: 679px; padding-bottom: 50px;} .table table {border-collapse: collapse; width: 100%; margin: 5px 0 5px 0;} .table tr {border-bottom: 1px #eaeaea solid;} .table td {vertical-align: middle; height: 39px; font-size: 16px; color: #878787; width: 456px;}.table tr.td-bg { border: none;} .table .td_01 {color: #878787; width: 78px; font-size: 11px;} .table .td-in-03 {border: 1px #cacaca solid; width: 31px; height: 16px; font-size: 12px; color: #000; text-align: center;} .table td.td_04 {color: #000; width: 94px;} .table td.td_05 {width: auto;} .table td.td_05 a {color: #000; font-size: 11px;} .table table th {font-size: 11px; color: #969696; height: 39px; font-weight: normal; text-align: left;} .zakazat {text-align: right; padding-top: 14px;} .zakazat-button {background: url(../images/cart_03.png) no-repeat; width: 86px; height: 20px; border: none;} .news {background: url(../images/border-dotted.png) top repeat-x; padding: 8px 0;} .date {background: #fea321; padding: 3px 8px 4px; font-size: 12px; color: #000; display: inline-block; *display: inline;} .news-1 {background: url(../images/border-dotted.png) bottom repeat-x;} .ol-1 {padding-right: 10px; margin-left : 22px; padding-left: 0;} .ol-1 li {padding-bottom: 15px; line-height: 18px; font-size: 12px; color: #000;} .ol-1 li span {background: #ff9600;} /*----------------------------------------------------------------------------------------------------.sidebar----------------*/ .sidebar {float:right; width:244px;} .ul-2 {border-bottom: 1px #eaeaea solid;} .ul-2 li {list-style: none outside; padding: 10px 0 10px 26px; background: url(../images/str.png) 7px 10px no-repeat; font-size: 12px; color: #000; border-top: 1px #eaeaea solid; text-transform: uppercase; font-weight: bold;} .ul-2 li a {color: #000; text-decoration: none;} .ul-2 li a:hover {text-decoration: underline;} .side-block {padding-top: 12px; background: url(../images/side-bl-B.png) left bottom no-repeat; padding-bottom: 8px; width: 244px;} .side-bl-T {background: url(../images/side-bl-T.png) no-repeat; padding-top: 8px;} .side-bl-h {background: url(../images/side-bll-h.png) repeat-y; padding-left: 8px; padding-top: 5px; padding-bottom: 5px;}.side-bl-h h3 {color: #969696; text-transform: uppercase; padding: 0;} .side-bl-in {background: url(../images/side-bl-in.png) top no-repeat ; padding-top: 3px;} .side-bl-in-1 {background: url(../images/side-bl-bg.png) repeat-y;} .side-bl-in-1 li {list-style: none outside; margin: 0 10px; padding: 7px 0 5px; background: url(../images/border-dotted.png) bottom repeat-x;} .side-bl-in-1 li.li-bg {background: none; height: 1%;} .content-menu-L-2 {float: left; width: 52px; overflow: hidden; padding-left: 11px;} .content-menu-R-2 {padding-left: 63px; padding-bottom: 15px; line-height: 16px; padding-top: 5px;} .content-menu-R-2 h3 {padding-bottom: 6px; } .content-menu-R-2 h3 a {color: #000;} .content-menu-R-2 span {color: #ff9600; font-size: 18px;} /*----------------------------------------------------------------------------------------------------footer----------------*/ .footer { height: 50px; position: absolute; bottom: 0; color: #c3c2c2; font-size: 12px; width: 969px; left: 50%; margin-left: -485px;} .footer img {margin: 0 5px;} .footer p {padding-top: 10px;}