@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 14px tahoma, Verdana, Arial, Helvetica, sans-serif; color: #d1d0d0; background: #13316e url(../img/bg.jpg) 50% 0; min-width: 1000px; position: relative; height: 100%; } img { border: none; } a { cursor: pointer; text-decoration: underline; color: #fff; } a:hover { text-decoration: none; } p { margin-bottom: 1em;} p small { font-size: 0.8em; } h1, h2, h3, h4, h5, h6 { font: bold 18px tahoma, Verdana, Arial, Helvetica, sans-serif; color: #d1d0d0; margin-bottom: 1em;; } 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; margin-bottom: 1em; } ul li { list-style: disc outside; } .set { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .fl { float: left; } .fr { float: right; } .rel { position: relative; } #wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; min-width: 1000px; background: url(../img/bg_t.jpg) 50% 0 repeat-x; } .header {width: 991px; margin: 0 auto; padding: 5px 4px 0 3px; border: solid 1px #0b297a; border-top: 0; position: relative; background: #08309D; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#08309D), to(#01195c)); background: -webkit-linear-gradient(#08309D, #01195c); background: -moz-linear-gradient(#08309D, #01195c); background: -ms-linear-gradient(#08309D, #01195c); background: -o-linear-gradient(#08309D, #01195c); background: linear-gradient(#08309D, #01195c); -pie-background: linear-gradient(#08309D, #01195c); overflow: hidden;} .logo {float: left; width: 255px; margin-bottom: 9px;} .logo a {display: block; height: 102px; background: url("../img/sprite.png") no-repeat;} .m1 {position: absolute; right: 4px; top: 0; background: #fff; padding: 11px 24px; font-size: 0; line-height: 0;} .m1 a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 11px; height: 10px; margin-left: 12px; background: url("../img/sprite.png");} .m1 a:first-child {margin: 0;} .m1 a.m1-1 {background-position: -256px -44px;} .m1 a.m1-2 {background-position: -282px -45px; height: 9px;} .m1 a.m1-3 {background-position: -305px -46px; height: 7px;} .m2 {float: right; max-width: 600px; padding-top: 60px; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 18px; margin-bottom: 27px;} .m2 ul {padding: 0; margin: 0; } .m2 ul li {float: left; padding: 0 0 0 28px; display: block; list-style: none;} .m2 ul li:first-child {padding: 0;} .m2 ul li a {display: inline-block; *display: inline; zoom:1; padding: 0 3px 2px 16px; background: url("../img/sprite.png") -393px 6px no-repeat; text-decoration: none;} .m2 ul li.cur a {color: #ffea35; background-position: -393px -16px; border-bottom: solid 4px #ffea35;} .ask {overflow: hidden; text-align: center; padding-top: 44px; zoom: 1;} .ask a {display: inline-block; *display: inline; zoom: 1; background: url("../img/sprite.png") -255px 0; width: 90px; height: 35px; padding: 9px 0 0 30px; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #474747; text-decoration: none; text-align: left; overflow: hidden;} .big-slider {overflow: hidden; position: relative; float: none; clear: both; zoom: 1;} .slider-img {border: solid 3px #f2f2f2; border-width: 3px 0; position: relative; overflow: hidden; width: 100%; font-size: 0; line-height: 0; margin-bottom: 14px; zoom: 1;} .slide-controls { position: absolute; left: 0; bottom: 11px; width: 100%; text-align: center;} .slide-controls ul {padding: 0; margin: 0; display: table; width: 100%;} .slide-controls li {display: inline-block; *display: inline; zoom: 1; padding: 0 1px 0 2px; vertical-align: middle;} .slide-controls li a {display:block; width: 10px; height: 10px; background: #fff; border: solid 1px #0b297a;} .slide-controls li.cur a {background: #184995; border-color: #fff; width: 8px; height: 8px;} .slider-list {position: relative; margin: 14px 0 16px; zoom: 1;} .slider-list-wrap {position: relative; overflow: hidden; width: 834px; margin: 0 auto; zoom: 1;} .slider-list-wrap ul {display: block; padding: 0; margin: 0; border-collapse: collapse; border: none; width: 110%;} .slider-list-wrap li {display: block; list-style: none; float: left; width: 114px; padding: 0 6px 0 0;} .slider-list-wrap li img {width: 112px; height: 84px; border: solid 1px #fff; float: left;} .arr-1, .arr-2 {position: absolute; width: 26px; height: 27px; top: 33px; background: url("../img/sprite.png") no-repeat; padding: 0; margin: 0; border: none; cursor: pointer; } .arr-1.l {background-position: -316px -44px; left: 38px;} .arr-1.r {background-position: -342px -44px; right: 38px;} .arr-2 {top: 40px; width: 8px; height: 10px;} .arr-2.l {background-position: -256px -56px; left: 2px;} .arr-2.r {background-position: -264px -56px; right: 2px;} .slider2 {width: 407px; float: left; margin-right: 20px; margin-bottom: 30px;} .slider2 .slider-img {border: solid 1px #fff; width: auto; margin-bottom: 6px;} .slider2 .slider-img img {width: 405px;} .slider2 .slider-list {margin: 6px 0 16px;} .slider2 .slider-list-wrap {width: 354px;} .slider2 .arr-2.l {left: 12px;} .slider2 .arr-2.r {right: 12px;} .page {width: 1000px; position: relative; margin: 0 auto; padding-bottom: 85px; border-top: solid 5px #fff;} .col1-wrap {width: 322px;} .col2-wrap {width: 662px; position: relative; left: 338px;} .col1 {width: 662px; position: relative; float: right;} .col2 {width: 322px; position: relative; float: left; left: -338px; margin-right: -338px; margin-bottom: -20px; padding-top: 14px;} .front {background: #255892; } .front .col1 {font-size: 12px; line-height: 14px; color: #d1d0d0; padding: 16px 16px 0; width: 630px;} .front .col1 h1 {font-size: 18px; text-transform: uppercase;} .front .col1 h2 {font-size: 14px; text-transform: uppercase;} .m3 {margin-bottom: 16px;} .m3 ul {padding: 0; margin: 0;} .m3 li {list-style: none; display: block; padding: 9px 10px 9px 7px; background: url(../img/sprite.png) 0 -102px repeat-x; font-weight: bold; font-size: 12px; line-height: 16px; text-transform: uppercase;} .m3 li:first-child {background: none;} .m3 li a {text-decoration: none; display: inline-block; *display: inline; zoom: 1; padding: 0 0 0 23px; background: url(../img/sprite.png) -388px -41px no-repeat;} .yur-sop {padding: 9px 0; text-align: center; color: #0a205d; font-size: 17px; font-weight: bold; margin-bottom: 10px; border: solid 1px #001252; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #FFF070; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF070), to(#FFEA36)); background: -webkit-linear-gradient(#FFF070, #FFEA36); background: -moz-linear-gradient(#FFF070, #FFEA36); background: -ms-linear-gradient(#FFF070, #FFEA36); background: -o-linear-gradient(#FFF070, #FFEA36); background: linear-gradient(#FFF070, #FFEA36); -pie-background: linear-gradient(#FFF070, #FFEA36);} .sidebar-carousel {border: solid 1px #255892; text-align: center; margin-bottom: 20px; padding: 11px 10px 17px; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #0046B2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0046B2), to(#003587)); background: -webkit-linear-gradient(#0046B2, #003587); background: -moz-linear-gradient(#0046B2, #003587); background: -ms-linear-gradient(#0046B2, #003587); background: -o-linear-gradient(#0046B2, #003587); background: linear-gradient(#0046B2, #003587); -pie-background: linear-gradient(#0046B2, #003587);} .sidebar-carousel h3 {color: #ffffff; font-size: 18px; text-transform: uppercase; font-weight: normal; margin-bottom: 11px;} .carousel {position: relative; } .carousel-wrap {width: 264px; margin: 0 auto; overflow: hidden; position: relative;} .carousel ul {width: 110%; padding: 0; margin: 0;} .carousel li {list-style: none; display: block; float: left; padding: 0 6px 0 0; width: 129px;} .carousel li img {width: 127px; height: 95px; border: solid 1px #fff;} .filter {border-bottom: solid 5px #fff; border-width: 5px 0; padding: 5px 10px; margin-bottom: 20px; font-size: 12px; color: #fff; position: relative; background: #0F3076; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0F3076), to(#01195c)); background: -webkit-linear-gradient(#0F3076, #01195c); background: -moz-linear-gradient(#0F3076, #01195c); background: -ms-linear-gradient(#0F3076, #01195c); background: -o-linear-gradient(#0F3076, #01195c); background: linear-gradient(#0F3076, #01195c); -pie-background: linear-gradient(#0F3076, #01195c); overflow: hidden;} .filter h3 {text-transform: uppercase; color: #fff; font-size: 12px; margin-bottom: 5px;} .filter table {border-collapse: collapse; border: none; width: 100%;} .filter input[type="text"] {width: 48px; height: 16px; padding: 3px 4px; font-size: 12px; line-height: 16px; color: #141414; background: #fff; border: solid 1px #255892; margin: 0 0 0 5px;} .filter select {height: 22px; font-size: 12px; line-height: 22px; margin-right: 6px;} .sel1 {width: 97px;} .sel2 {width: 86px;} .filter input[type="radio"] {margin: 0 4px 0 0; padding: 0; width: 12px;} .filter label {margin-right: 10px; } .filter input[type="submit"] {width: 85px; text-indent: -9999px; overflow: hidden; height: 24px; padding: 0; margin: 0; font-size: 0; float: right; border: none; background: url('../img/sprite.png') -256px -73px no-repeat;} .t1 {margin-bottom: 18px;} .t2 tr td:first-child * {vertical-align: middle;} .breadcrumb {text-align: right; margin-bottom: 4px; font-size: 12px;} .breadcrumb a {text-decoration: none; color: #d1d0d0;} .breadcrumb a:hover {text-decoration: underline;} .list-item {width: 100%; position: relative; overflow: hidden; margin-bottom: 11px;} .list-item ul {padding: 0; margin: 0; width: 110%; font-size: 0; line-height: 0;} .list-item li {list-style: none; vertical-align: top; display: inline-block; *display: inline; zoom: 1; font-size: 12px; line-height: 15px; text-align: center; width: 211px; padding: 5px 0; margin: 0 14px 9px 0 ; background: #4481c7;} .list-item li a {color: #d1d0d0; text-decoration: none;} .list-item li a:hover {text-decoration: underline;} .item-img {margin-bottom: 5px; overflow: hidden; zoom: 1; font-size: 0; line-height: 0;} .item-img img {width: 200px; height: 150px;} .item-text {margin-bottom: 5px; width: 100%; overflow: hidden;} .item-price {font-size: 14px; font-weight: bold; color: #ffeb3d; margin-bottom: 7px;} .h101 {font-size: 14px; text-transform: uppercase;} .page-nav {margin: 15px 0; text-align: center;} .page-nav ul {padding: 0; margin: 0;} .page-nav li {display: inline; list-style: none; padding: 0 3px;} .page-nav li a {text-decoration: none;} .page-nav li a:hover, .page-nav li.cur a {text-decoration: underline;} .item-charact {overflow: hidden; zoom: 1;} .item-charact-list {overflow: hidden; zoom: 1; font-weight: bold;} .item-charact-list table,.t6 {width: 100%; border-collapse: collapse; border: none; text-align: right;} .item-charact-list table tr td {padding-bottom: 6px;} .item-charact-list table tr td:first-child {text-align: left; padding-right: 10px;} .item-charact-list .t3 {text-align: left; color: #ffeb3d; margin-bottom: 35px;} .item-charact-list .t3 td {vertical-align: top;} .item-charact-list .t4 {margin-bottom: 70px;} .item-charact-list .t5 {margin-bottom: 30px; color: #ffeb3d; font-size: 18px;} .item-charact-list .t5 tr td:first-child {font-weight: normal; color: #d1d0d0;} .item-descr {margin-bottom: 50px; text-align: justify;} .contacts {margin-bottom: 20px;} .t6 {text-align: left; font-weight: bold; line-height: 21px;} .t6 td {vertical-align: top; padding-bottom: 9px;} .t6 td:first-child {width: 212px; font-size: 12px; text-transform: uppercase; color: #ffeb3d;} #footer { position: relative; height: 52px; margin: -52px auto 0; width: 1000px; overflow: hidden; font-size: 12px; color: #fff;} .foot1 {float: left; padding-right: 20px;} .foot2 {overflow: hidden; text-align: right;}