@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 11px Arial, Helvetica, sans-serif; color: #141414; background: #000 url(../images/body-BG.png) center; min-width: 1000px; 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: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px Arial,Helvetica,sans-serif; 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;}
.set {height: 0; overflow: hidden; clear: both;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.bn {border: none !important;}

.all {background: url(../images/bg.jpg) center top no-repeat;}
.glavnaya {background: url(../images/bg-glavnaya.jpg) center top no-repeat;}
#page {width: 980px; position: relative; margin: 0 auto; background: #ffffff url(../images/bg-3.png) 100% 0 repeat-y; z-index: 20;}
	.glavnaya #page {background: none;}
#bg-top {position: absolute; left: 0; top: 0; width: 100%; height: 62px; background: #000000; z-index: 10;}
	#header {background: #141414; color: #878787;}
		#m-1 {position: relative; font: normal 11px Tahoma, Geneva, sans-serif; border-bottom: solid 1px #000; padding-left: 6px;}
			#m-1 li {display: block; list-style: outside none none; padding: 8px 48px 0 15px; height: 24px; float: left; border-left: solid 1px #000;}
			#m-1 li a {color: #878787; text-decoration: none;}
			#m-1 li a:hover {text-decoration: underline;}

		#m-2 {position: relative; border-top: solid 1px #272727; border-bottom: solid 1px #050505; padding-left: 174px; height: auto !important; height: 58px; min-height: 58px;}
			.logo {position: absolute; left: 0; top: 0; width: 141px; height: 58px;}
				.logo a {width: 141px; height: 58px; display: block; background: url(../images/logo.png) 0 0 no-repeat;}
			#m-2 ul {padding-top: 20px; font: bold 12px Tahoma, Geneva, sans-serif;}
				#m-2 li {display: block; list-style: outside none none; padding: 0 38px 0 0; float: left;}
					#m-2 li a {text-shadow: 0px 1px #000; color: #989898; text-decoration: none; text-transform: uppercase;}
					#m-2 li a:hover {text-decoration: underline;}


#content {height: auto !important; height: 705px; min-height: 705px;}
	.content {width: 666px; float: left; padding: 12px 0 0 38px;}
		.breadcrumb {padding: 0 0 10px; border-bottom: solid 1px #bdbdbd; color: #bdbdbd; font: normal 9px Tahoma, Geneva, sans-serif; margin-bottom: 15px;}
		.breadcrumb a {color: #222222; text-decoration: none;}
		.breadcrumb a:hover {text-decoration: underline;}

		.h101 {font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: normal; color: #6f6f6f; padding: 5px 0 17px;}
		.descr-2 {padding: 0 0 10px 16px;}
		.form-1 {padding: 0 8px 7px 16px; border-bottom: solid 1px #bdbdbd; margin-bottom: 13px; position: relative; z-index: 150; height: 1%;}
			.form-1 a {color: #424242;}
			.form-1 .fl {padding-top: 3px;}
			.form-1 .fr {text-align: right; height: 1%;}
			.form-1 .fr * {text-align: left;}
			.sel-1 {float: right; position: relative; top: -2px; padding-left: 5px;}
				.sel-1 select {width: 154px; height: 17px;}
				.sel-1 .jNiceWrapper {width: 154px;}
				.sel-1 .jNiceSelectWrapper .jNiceSelectText {width: 127px !important; height: 15px; border: solid 1px #222222; border-left-color: #bdbdbd; border-top-color: #bdbdbd;}
				.sel-1 .jNiceSelectWrapper .jNiceSelectOpen {background: url(../images/bl-4.png) center no-repeat; width: 18px; right: 0; *right: -2px;}
				.sel-1 .jNiceSelectWrapper ul {width: 133px !important; border: solid 1px #222222; border-left-color: #bdbdbd; border-top-color: #bdbdbd; border-top: none;}
				.sel-1 .jNiceSelectWrapper ul li {list-style: outside none none; padding: 0px;}
				.sel-1 .jNiceSelectWrapper iframe {width: 154px;}

		.items {width: 100%; overflow: hidden; position: relative; z-index: 20;}
			.cont-1 {height: 1%; width: 693px;}
			.item-2 {width: 320px; height: 330px; float: left; margin: 0 26px 18px 0; border-bottom: solid 1px #d9d9d9; position: relative; zoom: 1;}
				.img-1 img {width: 318px; height: 125px; border: solid 1px #424242; margin-bottom: 15px;}
				.h201 {font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6f6f6f; padding: 0 0 9px; width: 100%; overflow: hidden; white-space: nowrap;}
				.h201 a {color: #6f6f6f; text-decoration: none;}
				.h201 a:hover {text-decoration: underline;}
				.descr-3 {padding-bottom: 10px; padding-right: 5px; line-height: 16px;}
				.item-2 .a-1 {color: #424242; margin-right: 20px;}
				.a-2 {background: url(../images/bl-2.png) 0 4px no-repeat !important;}
				.cena, .cena2 {position: absolute; left: 8px; top: 8px;}
				.cena span, .cena strong {display: block; padding: 5px 15px 0 18px; margin-right: 1px; height: 27px; background: url(../images/bg-4.png); float: left; font-size: 18px; font-weight: bold; color: #ffffff;}
				.cena strong {padding: 8px 9px 0 8px; height: 24px;}
				.cena strong a {display: block; width: 15px; height: 13px; background: url(../images/bl-5.png) 0 0 no-repeat;}
				.cena2 {left: 10px; top: 10px;}
				.cena2 span, .cena2 b {display: block; background: url(../images/bg-5.png); padding: 5px 10px 0; width: 140px; float: left; margin-right: 1px; height: 23px; font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; }
				.cena2 b {width: 15px; text-align: center;}

			.item-2-1 {height: auto; display: inline-block; float: none; margin-right: 24px; vertical-align: top; border: none; padding-bottom: 20px; *display: inline; zoom:1;}
				.item-2-1 .h201 {white-space: normal;}
				.ul-1 li {display: block; list-style: outside none none; padding: 0 0 11px 11px; background: url(../images/bl-1.png) 0 4px no-repeat; zoom:1;}
				.ul-1 li a {color: #424242; font-family: Tahoma, Geneva, sans-serif;}

			.portfolio, .galery, .galery-2 {width: 678px; float: right; margin-left: -100px; padding-bottom: 20px;}
			.portfolio ul li {display: block; list-style: outside none none; padding: 0 0 1px 1px; float: left; position: relative;}
			.portfolio ul li .a-1 {color: #424242; position: absolute; left: 20px; top: 42px;}
			.portfolio ul li img {width: 225px; height: 146px; float: left;}
			.portfolio ul li.first img {width: 451px; height: 293px;}

			.galery .rel {height: 1%;}
			.img-big {padding-bottom: 20px;}
			.img-big img {width: 676px; height: 448px;}
			.thumbs {position: relative; width: 620px; margin: 0 auto; padding-bottom: 30px;}
			.thumbs li, .dop-foto li {width: 92px; padding: 0 6px; float: left; display: block; list-style: outside none none;}
			.thumbs li img, .dop-foto li img {width: 90px; height: 67px; border: solid 1px #424242;}
			.next, .prev {display: block; position: absolute; top: 29px; width: 12px; height: 12px; background: url(../images/bl-7.png) 0 0 no-repeat; right: 13px;}
			.prev {right: auto; left: 10px; background-image: url(../images/bl-8.png);}

			.h401 {font: bold 12px Arial, Helvetica, sans-serif; color: #141414; padding: 0 0px 13px 16px;}
				.h401 span {font-weight: normal; color: #bdbdbd; font-size: 11px; padding-right: 6px;}

			.h303 {font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6f6f6f; padding: 0 0 13px 16px;}

			.descr-2-1 {line-height: 17px;}

			.table-1 {width: 100%; border: none; margin-bottom: 48px;}
			.table-1 td {border-bottom: solid 1px #d9d9d9; padding: 9px 16px 10px; vertical-align: top; width: 50%;}
			.table-1 td.first {border-top: solid 1px #d9d9d9;}

			.galery-2 {padding: 20px 0 45px; overflow: hidden; text-align: center;}
			.galery-2 * {max-width: 100%;}

			.galery-2-1 {padding: 10px 0; position: relative;}
			.galery-2-1 img {border-bottom: solid 1px #141414; margin-bottom: 25px;}

			.dop-foto {width: 320px; float: left; padding-bottom: 20px;}
				.dop-foto li {}

			.table-2 {width: 320px; float: right; border: none; margin-bottom: 30px;}
				.table-2 td {border-top: solid 1px #d9d9d9; padding: 3px 9px 3px;}
				.able-2 td a {color: #424242;}
				.table-2 td big {font-size: 18px; font-weight: bold;}
				.table-2 td.td-1 {width: 92px; color: #bdbdbd;}
				.a-3 {background: url(../images/bl-6.png) 0 2px no-repeat !important; padding-left: 16px !important;}

			.descr-4 {width: 354px; height: 80px; background: url(../images/bg-5.png); padding: 20px 16px 10px; position: absolute; left: 27px; top: 22px; text-align: left; color: #ffffff; font-size: 11px; line-height: 18px;}
				.descr-4 p {padding: 0;}
				.descr-4 h3 {font: bold 18px Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 5px;}

			.abs {position: absolute; left: 27px; top: 133px; }
			.nov {background: url(../images/bg-4.png); padding: 6px 19px 0; height: 26px; font-size: 18px; font-weight: bold; color: #fff; float: left; margin-right: 1px;}
			.podr {background: url(../images/bg-5.png); font-size: 11px; padding: 9px 25px 0; height: 23px; float: left;}
			.podr a {color: #bdbdbd; text-decoration: none;}
			.podr a:hover {text-decoration: underline;}

			.h202 {border-bottom: solid 1px #d9d9d9; padding: 0 0 10px; margin-bottom: 24px;}



	.nb {width: 248px; float: right; color: #bdbdbd;}
		.serch {text-align: center; padding: 10px 8px 9px; background: #141414; height: 1%;}
		.text-1 {background: url(../images/serch-t.png) 0 0 no-repeat; float: left; padding: 0 5px; display: block; width: 184px; overflow: hidden;}
		.text-1 input {width: 184px; height: 30px; line-height: 30px; font-size: 14px; border: none; color: #bdbdbd; outline: none; background: none; float: left;}
		.serch-b {width: 30px; height: 30px; border: none; padding: 0; background: url(../images/serch-b.png) 0 0 no-repeat; float: right;}

		.h302 {padding: 10px 7px 10px 15px; background: #141414; font: bold 11px Tahoma, Geneva, sans-serif; line-height: 13px; color: #bdbdbd; text-transform: uppercase; border-top: solid 1px #272727; border-bottom: solid 1px #000000;}
		.m-5 {padding: 7px 12px 9px 28px;}
			.m-5 li {display: block; list-style: outside none none; padding: 1px 0 3px; border-bottom: solid 1px #272727;}
			.m-5 li a {color: #bdbdbd; font: normal 11px Tahoma, Geneva, sans-serif; text-decoration: none;}
			.m-5 li a:hover {text-decoration: underline;}






#bottom-content {background: #141414 url(../images/bg-2.png) 370px 0 repeat-y; color: #757575; line-height: 16px;}
	.bg-1 {background: url(../images/footer.png) 0 100% repeat-x; padding: 20px 16px 10px 38px; height: 1%;}

		.item-1 {width: 319px; float: left; padding: 0 27px 10px 0;}
			.item-1 a img {margin-bottom: 15px; max-width: 100%;}
			.h301 {font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bdbdbd; padding: 0 0 10px;}
			.h301 a {color: #bdbdbd; text-decoration: none;}
			.h301 a:hover {text-decoration: underline;}
			.descr p {padding-bottom: 10px;}
			.a-1 {padding-left: 13px; background: url(../images/bl-1.png) 1px 5px no-repeat; color: #bdbdbd; font-family: Tahoma, Geneva, sans-serif; line-height: normal;}


		.m-4 {width: 214px; float: right;}
		.m-4 ul, .m-4 ul li {margin: 0;}
			.m-4 ul li {border-bottom: solid 1px #222222; display: block; list-style: outside none none; padding: 0 0 10px; margin-bottom: 15px;}
			.m-4 ul li h4 {font: bold 12px Tahoma, Geneva, sans-serif; color: #bdbdbd; padding-bottom: 5px;}
			.m-4 ul li h4 a {color: #bdbdbd; text-decoration: none;}
			.m-4 ul li h4 a:hover {text-decoration: underline;}
			.m-4 ul li small {font-size: 9px; color: #000; display: block; padding-bottom: 5px;}



#footer {padding: 10px 0 10px 34px; background: #181818; color: #c6c6c6; font-family: Tahoma, Geneva, sans-serif;}
	.copy {float: left; padding: 2px 23px 0 0;}
	.tel {float: left; width: 280px; font: bold 14px Tahoma, Geneva, sans-serif; color: #bdbdbd;}
		.tel small {font-size: 11px; font-weight: normal;}

	.m-3 li {display: block; float: left; list-style: outside none none; padding: 2px 65px 0 0;}
		.m-3 li a {color: #bdbdbd;}





.form-2 {padding: 0 0 40px 13px; width: 536px; _width: 539px;}
	.form-2 li {list-style: outside none none; display: block; padding: 0 0 6px; float: none; clear: both;}
	.form-2 li label {display: block; float: left; padding: 4px 0 0; width: 100px; color: #bdbdbd; font-size: 11px;}
	.form-2 li input, .form-2 li textarea {border: solid 1px #bdbdbd; background: #fff; width: 424px; height: 18px; padding: 2px 5px; line-height: 18px;}
	.form-2 li textarea {height: 242px;}
	.w148, .form-2 li input.w148, .form-2 li .fr input {width: 148px;}
	.form-2 li .fr label {width: 58px; padding-left: 42px;}
	.a-4 {padding: 5px 0 5px 340px;}
	.a-4 a {padding-left: 18px; background: url(../images/bl-9.png) 0 3px no-repeat; color: #424242;}

.voprosi {border-top: solid 1px #d9d9d9; padding-bottom: 20px;}
	.voprosi dl {border-bottom:  solid 1px #d9d9d9; padding: 9px 16px 0;}
	.voprosi dl dt {padding-bottom: 9px; }
		.voprosi dl dt a {color: #424242; border-bottom: dashed 1px #424242; text-decoration: none;}
		.voprosi dl dt a.active {color: #141414; border-color: #141414;}
		.voprosi dl dt a:hover {text-decoration: none; border-color: #fff;}
		.voprosi dd {padding: 6px 0 10px; color: #141414;}

.basket {border-top: solid 1px #d9d9d9; padding: 10px 0 30px;}
	.basket li {list-style: outside none none; display: block; position: relative; height: 1%; padding: 0 16px 9px; margin-bottom: 11px; border-bottom: solid 1px #d9d9d9;}
	.img-2 {float: left; width: 210px;}
		.img-2 img {border: solid 1px #424242;}
	.descr-5 {padding-top: 8px; width: 406px; float: right;}
	.descr-5 .a-2 {color: #424242;}
	.descr-5 p, .descr-5 .h301 {padding-bottom: 8px;}
	.check_1 {position: absolute; right: 16px; top: 0; width: 23px; height: 21px;  padding: 0; margin: 0;}

.d_1 {clear: both; text-align: right; padding: 5px 16px;}
	.d_1 a {color: #424242; margin-left: 15px;}
	.d_1 a b {color: #9f081a;}

.tabi {width: 100%; overflow: hidden; padding-bottom: 20px;}

	.tabi table {width: 100%; margin-left: -2px; border-collapse: collapse; border: none; font-size: 14px; font-weight: bold; line-height: normal;}
	.tabi table td {padding: 8px 12px 6px; border-bottom: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; vertical-align: top; white-space: nowrap;}
	.tabi table td.end {width: 100%;}
	.tabi table td a, .tabi table td a:hover {color: #6f6f6f; border-bottom: dashed 1px #6f6f6f; text-decoration: none;}
	.tabi table td a.red, .tabi table td a.red:hover {color: #d0171a; border-bottom-color: #d0171a;}
	.tabi table td a:hover, .tabi table td a.red:hover {border-color: #fff;}
	.tabi table td.active {border-bottom-color: #fff;}
	.tabi table td.active a, .tabi table td.active a:hover {color: #141414; cursor: default; border-color: #fff; text-decoration: none;}    
© TrueDev.org