@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, 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%;} body {font: normal 13px Arial,Helvetica,sans-serif; color: #303031; background: #fff url(../images/header.jpg) center top no-repeat; min-width: 1000px; position: relative; height: 100%; } img {border: none;} a {cursor: pointer; text-decoration: underline; color: #0175a1;} a:hover {text-decoration: none;} p {padding-bottom: 15px;} p small {font-size: 1em;} h1, h2, h3, h4, h5, h6 {font: bold 18px Tahoma, Geneva, sans-serif; color: #303031; padding-bottom: 0.5em;} 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, ol { padding-left: 30px; } ul li {list-style: disc outside;} .set {height: 0; overflow: hidden; clear: both;} .fl {float: left;} .fr {float: right;} .rel {position: relative;} #wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; background: url(../images/bg-3.png) bottom repeat-x; } #footer { position: relative; height: 96px; margin: -96px auto 0; width: 898px; background: url(../images/bg-1.png) 0 0 repeat-x; } #footer_space { height: 116px; } .footer-L { background: url(../images/bg-2.png) 0 0 no-repeat; padding: 15px 0 0; float: left; width: 50%; font-size: 11px; color: #586774; } .footer-L img { float: left; margin-right: 17px; } .footer-L p { padding-top: 4px; } .footer-L p a { color: #586774; font-weight: bold; } .footer-R { width: 50%; float: right; padding-top: 15px; } .tel2 { font: italic bold 24px Georgia, 'Times New Roman', Times, serif; position: relative; color: #97a0a8; } .tel2 small { font-size: 14px; } .webdela { color: #97a0a8; font-size: 11px; padding-left: 51px; padding-right: 4px; background: url(../images/webdela.png) 0 3px no-repeat; } .webdela a { color: #97a0a8; } .header { position: relative; width: 940px; margin: 0 auto; height: 364px; padding-top: 30px; } .logo { padding-left: 16px; width: 161px; float: left; } .m-1 { float: left; width: 700px; font-size: 12px; font-weight: bold; position: relative; z-index: 20; } .m-1 ul { padding: 0; } .m-1 li { display: inline; margin-right: 26px; list-style: none; position: relative; } .m-1 li ul { padding: 8px 15px 0; background: #fff; border: solid 1px #5faddd; border-top: none; position: absolute; left: -5px; top: 19px; width: 120px; display: none; } .m-1 li li { display: block; padding-bottom: 10px; margin: 0; font-weight: normal; } .m-1 li li a { text-decoration: none; } .m-1 li li a:hover, .m-1 li.current li a:hover { text-decoration: underline; color: #ff8604; } .m-1 li.current { padding-bottom: 10px; } .m-1 li.current a { color: #ff8604; } .m-1 li.current li a { color: #0175a1; } .m-1 li.current ul { display: block; } .tel { position: absolute; width: 206px; background: url(../images/tel-T.png) 0 0 no-repeat; padding-top: 26px; left: 162px; bottom: 252px; z-index: 10; } .tel-B { background: url(../images/tel-B.png) 0 100% no-repeat; padding-bottom: 13px; } .tel-BG { background: url(../images/tel-BG.png) repeat-y; padding: 0 0 0 24px; position: relative; height: 1%; } .tel span { display: block; float: left; width: 100%; margin: -23px 0 -7px; font: italic bold 24px Georgia, 'Times New Roman', Times, serif; position: relative; } .tel small { font-size: 14px; color: #0175a1; } .tel strong { position: relative; } .home, .sitemap, .mail { display: block; position: absolute; } .home { width: 26px; height: 26px; background: url(../images/home.png) 0 0 no-repeat; right: 2px; top: 26px; } .sitemap { width: 10px; height: 11px; background: url(../images/sitemap.png) 0 0 no-repeat; right: 9px; top: 59px; } .mail { width: 10px; height: 7px; background: url(../images/mail.png) 0 0 no-repeat; right: 9px; top: 86px; } .m-2 { position: absolute; top: 146px; left: 0; background: url(../images/m-2.png) 0 0 no-repeat; padding: 167px 0 0 21px; } .m-2 ul { padding: 0; } .m-2 li { list-style: none; float: left; padding: 0; font: italic 12px Georgia, 'Times New Roman', Times, serif; } .m-2 li s { display: block; position: absolute; } #m-2-1 { width: 118px; } #m-2-2 { width: 133px; } #m-2-3 { width: 161px; } #m-2-4 { width: 105px; } #m-2-5 { width: 108px; } #m-2-1 s { width: 100px; height: 95px; left: 34px; top: 53px; } #m-2-2 s { width: 89px; height: 146px; left: 159px; top: 2px; } #m-2-3 s { width: 96px; height: 99px; left: 261px; top: 56px; } #m-2-4 s { width: 93px; height: 94px; left: 387px; top: 61px; } #m-2-5 s { width: 114px; height: 103px; left: 505px; top: 56px; } .m-2 li.current a { text-decoration: none !important; color: #ff8604; } .page { width: 940px; margin: 0 auto; } .content { width: 647px; float: left; *clear: right; } .navbar { width: 245px; float: right; *clear: left; } .h201, .h202, h1 { font-size: 24px; line-height: 30px; color: #000; font-weight: normal; padding-bottom: 8px; overflow: hidden; background: url(../images/bg-1.png) 0 100% repeat-x; margin: 0 0 20px 20px; } .more { float: right; font: bold 11px Arial, Helvetica, sans-serif; position: relative; text-decoration: none; } .h201 .more { bottom: -5px; line-height: 30px; } .more span { text-decoration: underline; } .more:hover { margin-left: 1px; text-decoration: none; } .more:hover span { text-decoration: none; } h1 { margin-left: 0; } .h202 { background: none; margin-bottom: 0; } .text-1 { padding: 0 0 1em 65px; } .text-1 p { padding-bottom: 1em; } .m-3 { background: url(../images/m-3.jpg) 0 9px no-repeat; padding: 0 0 0 97px; height: 197px; width: 665px; margin-right: -100px; position: relative; } .m-3 ul { padding: 0; } .m-3 li { list-style: none; float: left; font: italic 14px Georgia, 'Times New Roman', Times, serif; } .m-3 li s { display: block; position: absolute; } #m-3-1 { width: 168px; } #m-3-2 { width: 159px; } #m-3-3 { width: 164px; } #m-3-4 { width: 68px; } #m-3-1 s { width: 110px; height: 96px; left: 22px; top: 26px; } #m-3-2 s { width: 150px; height: 98px; left: 154px; top: 31px; } #m-3-3 s { width: 145px; height: 107px; left: 320px; top: 28px; } #m-3-4 s { width: 123px; height: 101px; left: 496px; top: 28px; } .news { background: url(../images/news-BG.png) 0 0 repeat-y; margin-left: 11px; } .news-T { background: url(../images/news-T.png) 0 0 no-repeat; } .news-B { background: url(../images/news-B.png) 0 100% no-repeat; padding: 10px 0 30px 54px; min-height: 165px; _height: 165px; } .new { width: 251px; padding-right: 40px; float: left; } .news_data { height: 53px; font: italic 18px Georgia, 'Times New Roman', Times, serif; color: #586774; } .news_data big { font-size: 30px; } .new h4 { font: bold 12px Arial, Helvetica, sans-serif; padding-bottom: 8px; } .new p { font-size: 11px; color: #303031; padding-bottom: 5px; } .more2 { font-size: 18px; margin-bottom: 7px; text-decoration: none !important; color: #303031; } .basket { padding: 1px 0 22px 35px; background: url(../images/basket.png) 0 0 no-repeat; } .basket h2 { font: normal 18px Tahoma, Geneva, sans-serif; padding-bottom: 10px; } .basket a { color: #000; } .summa { background: #f2f2f2; height: 31px; font-size: 18px; color: #586774; line-height: 31px; border: solid 1px #dee1e3; width: 126px; text-align: center; position: relative; margin-top: 5px; } .summa s, .summa u { display: block; position: absolute; left: 50%; top: -1px; width: 10px; height: 6px; overflow: hidden; background: url(../images/price_bg.png) 0 0 no-repeat; margin-left: -5px; z-index: 10; } .summa u { background: url(../images/price_bg_1.png) 0 0 no-repeat; top: auto; bottom: -1px; _bottom: -2px; } .summa span { position: relative; } .consult { background: url(../images/Online_Consultant.png) 0 0 no-repeat; padding: 93px 0 20px 76px; color: #b2b2b2; font-family: Tahoma, Geneva, sans-serif; position: relative; height: 1%; } .consult_skype, .consult_icq { position: absolute; left: 60px; top: 30px; color: #303031; font: italic 16px Georgia, 'Times New Roman', Times, serif; white-space: nowrap; } .consult_skype span { color: #668400; } .consult_skype img, .consult_icq img { position: relative; top: 4px; margin-right: 6px; } .consult_icq { top: 55px; } .calc { background: url(../images/calc.png) 0 0 no-repeat; height: 81px; padding: 17px 0 0; } .calc h3, .faq h2 { font: normal 18px Tahoma, Geneva, sans-serif; color: #000000; padding-bottom: 14px; } .calc .more { float: none; } .faq { width: 228px; background: url(../images/help.png) 0 0 no-repeat; padding: 16px 0; } .faq h2 { padding-bottom: 27px; } .question { padding: 0 0 11px 38px; background: url(../images/comment.png) 17px 3px no-repeat; } .question h4 { font: bold 12px Arial, Helvetica, sans-serif; padding-bottom: 6px; } .question p { font-size: 11px; color: #303031; padding-bottom: 10px; } .about { background: url(../images/about.png) 0 0 no-repeat; height: auto; padding-bottom: 30px; padding-top: 12px; margin-top: -5px; position: relative; } .about .more { margin-left: 38px; line-height: 22px; } .thumbs { position: relative; padding: 0px 0 25px 24px; } .thumbs ul { padding: 0; } .thumbs li { float: left; width: 170px; padding-right: 8px; list-style: none; position: relative; } .thumbs li img { width: 148px; height: 108px; padding: 4px 0 0; } .thumbs li a { text-decoration: none; } .thumbs li a:hover { text-decoration: none; background: #fff; } .thumbs li span { display: block; padding-top: 11px; text-decoration: underline; font-size: 11px; font-weight: bold; } .thumbs li a:hover span { text-decoration: none; } .thumbs li s { display: block; position: absolute; width: 162px; height: 129px; background: url(../images/ramka.png) 0 0 no-repeat; left: -10px; top: 0px; } .thumbs2 { overflow: hidden; zoom:1; } .thumbs2 ul { width: 120%; padding-left: 3px; margin-top: -1px; } .thumbs2 ul ul { width: auto; padding: 0; margin: 0; } .thumbs2 li { padding: 20px 63px 25px 0; border-top: solid 1px #c5c5c5; } .thumbs2 li li { margin: 0; padding: 0; width: auto; float: none; border: none; color: #7f7f7f; } .thumbs2 li img { padding: 7px 0; } .thumbs2 li s { top: 3px; } .thumbs2 li li a { text-decoration: underline; } .thumbs2 li li a:hover { text-decoration: none; } .thumbs2 li li ins { text-decoration: none; color: #010000; } .view { padding: 0 0 35px 20px; font-size: 13px; color: #6c6c6c; } .views { float: left; } .views img { padding: 3px; border: solid 1px #7f7f7f; margin: 0 4px -4px; position: relative; } .views a.current img { border-color: #ffad04; } .filter { float: right; text-align: right; position: relative; } .filter select { width: 130px; margin-left: 10px; } .printable { margin-left: 25px; padding-left: 15px; background: url(../images/bl-3.png) 0 3px no-repeat; color: #999999; } .text-2, .table-1 { padding-left: 20px; } .text-2 table, .table-1 table { border-collapse: collapse; border: none; } .text-2 td, .text-2 th, .table-1 th, .table-1 td { border-bottom: solid 1px #c5c5c5; padding: 13px 37px 9px 0; color: #000000; } .text-2 th, .table-1 th { color: #0175a1; text-align: left; } .text-2 tr:hover td, .table-1 tr:hover td { background: #ffefae; } .text-2 p { padding-bottom: 14px; } .text-2 h1, .text-2 h2, .text-2 h3, .text-2 h4, .text-2 h5, .text-2 h6 { padding-bottom: 15px; } .table-1 { padding-bottom: 20px; } .table-1 table { width: 100%; } .table-1 td { padding: 5px 22px 5px 0; } .h301 { padding: 0 28px 15px 20px; overflow: hidden; font-size: 18px; font-weight: normal; color: #000000; line-height: 23px; } .h301 .printable { font-size: 12px; line-height: 23px; background-position: 0 7px; } .p01 { color: #6c6c6c; } .galery { padding: 0 0 30px 20px; position: relative; height: 1%; } .img { float: left; width: 371px; overflow: hidden; padding-top: 1px; } .img img { width: 352px; } .images { width: 250px; float: left; padding: 0 0 68px; } .images ul { padding: 0; } .images li, .img2 { display: inline-block; *display: inline; zoom:1; width: 68px; height: 68px; overflow: hidden; position: relative; margin: 0 11px 12px 0; vertical-align: top; } .images li img, .img2 img { opacity: .5; *filter:alpha(opacity=50); /*position: absolute; left: 0; top: 0; */height: 68px; } .images li.current img, .img2 img { opacity: 1; *filter:alpha(opacity=100); } .img2 { margin: 0; } .images li a, .img2 a { display: block; width: 150px; margin-left: -39px; text-align: center; } .price { position: absolute; font-size: 18px; color: #0175a1; left: 391px; bottom: 61px; white-space: nowrap; } .add_to_Cart { position: absolute; left: 391px; bottom: 30px; font-size: 12px; color: #000000; height: 27px; padding: 0 15px; line-height: 27px; background: url(../images/bg-4.png) 0 0 repeat-x; text-decoration: none; } .navbar .h201 { font-size: 18px; padding: 0 0 9px; margin: 0 20px 15px 0; } .navbar .thumbs { padding-left: 0; } .navbar .thumbs li { background: url(../images/bl-4.png) 0 1px no-repeat; padding-left: 35px; padding-bottom: 22px; float: none; } .navbar .thumbs li s { left: 27px; } .navbar .thumbs li img { margin-left: -4px; }