@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 12px Arial,Helvetica,sans-serif; color: #363636; background: #464646; position: relative; height: auto !important; height: 100%; min-height: 100%; z-index: 1;}
img {border: none;}
a {cursor: pointer; text-decoration: underline;}
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; 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;}
.set {height: 0; overflow: hidden; font-size: 0; line-height: 0; clear: both;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.bn {border: none !important;}

.bg {background: #252525;}
	.m-1 {width: 947px; margin: 0 auto; text-align: center; color: #ebebeb;}
	.m-1 li {list-style: outside none none; padding: 8px 49px; float: left;}
	.m-1 li	a {color: #ebebeb;}
	.m-1 li.m-1-a {background: #545454;}

	.bg-1 {background: #898989 url(../images/bg-1.png) 0 0 repeat-x; height: 1%;}
	.bg-2 {background: url(../images/bg-2.png) 0 100% repeat-x; height: 1%; padding-bottom: 15px;}

	.page {width: 947px; position: relative; margin: 0 auto;}
		.top {padding: 15px 15px 0;}
		.logo {float: left;}
		.logo a {display: block; text-indent: -9999px; background: url(../images/logo.png) 0 0 no-repeat; width: 127px; height: 52px;  _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='crop');}
		.telef {float: left; padding: 15px 34px 15px; font-size: 18px; color: #ffffff;}
		.telef small {font-size: 14px;}
		.icq {float: left; padding: 17px 3px 0; font-size: 14px; color: #ffffff;}
		.icq span {display: block; padding-bottom: 6px;}
		.icq img {float: left; margin-right: 6px;}

		.registraciya {float: right; position: relative; width: 172px; color: #fff; overflow: hidden;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ display: none;}
		.registraciya li {list-style: outside none none; padding: 0 0 2px;}
		.registraciya h5 {color: #ffffff; padding-bottom: 3px;}
		.registraciya input {width: 94px; height: 18px; background: #fff; border: none;}
		.registraciya input.voyti {border: none; background: url(../images/voyti.png) 0 0 no-repeat; width: 40px; height: 13px; position: absolute; right: 10px; top: 33px;}
		.registraciya a {font-size: 11px; color: #9dcb06;}
		.registraciya li input.voyti {position: static; margin: 0 auto; display: block;}
		.checkbox-1 {position: absolute; left: -10000px;}


	.page-BG {background: #fff url(../images/page-BG.png) 0 0 repeat-y; height: 1%;}
	.page-T {background: url(../images/page-T.png) 0 0 no-repeat; height: 1%;}
	.page-B {background: url(../images/page-B.png) 0 100% no-repeat; min-height: 300px; _height: 300px; padding-bottom: 5px;}
	.cont-1 {width: 100%; float: left; _clear: right;}
	.cont-2 {padding: 0 189px;}
	.content {width: 100%; overflow: hidden;}
	.navbar-1 {width: 188px; float: left; margin-left: -100%; _clear: right;}
	.navbar-2 {width: 188px; float: left; margin-left: -188px; _clear: right;}

	.serch {padding: 17px 15px; text-align: center; margin-bottom: 12px;}
		.serch * {vertical-align: middle;}
		.text-1 {width: 106px; height: 19px; border: none; background: url(../images/input-1.png) 0 0 no-repeat; padding: 2px 10px; color: #7c7c7c; margin-right: 6px; font-size: 12px;}
		.find {width: 22px; height: 26px; background: url(../images/find.png) 0 0 no-repeat; border: none; padding: 0;}

	.m-2 {padding: 0px 0 10px;}
	.m-2 li {list-style: outside none none; padding: 4px 14px; font-size: 12px; font-weight: bold; margin-bottom: 5px; background: #cecece;}
	.m-2 li a, .m-2 li a:hover {color: #363636; text-decoration: none;}
	.m-2 li a:hover {color: #cfe87f;}
	.m-2 li.m-2-a {padding: 0; border-top: solid 1px #d7d7d7; background: none;}
	.m-2 li.m-2-a span {display: block; padding: 4px 14px; background: #cfe87f; margin-bottom: 5px;}
	.m-2 li li {color: #363636;  font-weight: normal; background: none;}

	.m-2 li ul, .m-2 li li {display: none !important;}

	.h201 {padding: 4px 14px; background: #cfe87f; margin-bottom: 5px; border-top: solid 1px #d7d7d7; color: #363636; font-size: 12px; margin-bottom: 10px;}
	.popular {padding: 0 0 10px;}
		.popular li {padding: 10px; /*border-bottom: solid 1px #d7d7d7;*/ list-style: outside none none; clear: both; float: none; display: block; height: 1%;}
		.popular li em {float: left; width: 52px; padding-right: 4px; display: block;}
		.popular li span {float: left; width: 110px; display: block; font-size: 11px;}
		.popular li span strong {display: block; text-align: right;}
		.popular li a, .popular li a:hover {color: #363636; text-decoration: none; overflow: hidden; display: block;}

	.vse {text-align: right; padding: 5px; font-size: 11px; margin-bottom: 10px;}
	.vse a {color: #363636;}

	.korz {padding: 8px 8px 8px 58px; position: relative; height: 1%; margin-bottom: 10px;}
	.korz li {list-style: outside none none; padding: 0 0 2px;}
	.korzina {display: block; position: absolute; background: url(../images/korz.png) 0 0 no-repeat; width: 32px; height: 32px; left: 13px; top: 19px;}
	.korz a, .opisanie h4 a  {color: #363636; text-decoration: none;}
	.korz a:hover, .opisanie h4 a:hover {text-decoration: underline;}

	.kartinko {padding: 20px; text-align: center; border-bottom: solid 1px #d7d7d7;}
	.h202 {font-size: 14px; color: #464646; padding: 6px 17px; border-bottom: solid 1px #d7d7d7;}

	.katalog {border-bottom: solid 1px #d7d7d7; padding: 3px 0;}
	.katalog ul {width: 100%; background: url(../images/katalog.png)  191px 0 repeat-y; text-indent: 2px;}
	.katalog ul li {display: inline-block; width: 189px; margin: 0 -2px; text-align: center; list-style: outside none none; padding: 5px 0; *display: inline; width: 188px; *margin: 0; zoom: 1;}
	.katalog ul li * {vertical-align: bottom;}
	.katalog ul li img {margin-bottom: 10px;}
	.katalog ul li a, .table-22 td a {font-weight: bold; text-decoration: none; color: #363636;}

/*	.table-22 {width: 500px; margin: 0 auto 20px; border-collapse: collapse; border: none; text-align: center;}
	.table-22 td {padding: 3px; width: 119px;}
	.table-22 .tr-1 td {vertical-align: top;}
	.w100 {width: 100%;}
	.w100 td {width: 136px; vertical-align: bottom;}
*/
	.table-22 {width: 100%; margin: 0 auto 20px; border-collapse: collapse; border: none; text-align: center; background: url(../images/bord-2.png) 142px 0 repeat-y;}
	.table-22 td {padding: 3px; width: 119px;}
	.table-22 .tr-1 td {vertical-align: top;}
	.table-22 tr.list-tr td {background: #fff url(../images/bg-3.png) 0 2px repeat-x;}
	.w100 {width: 100%; background: url(../images/katalog.png) 191px 0 repeat-y;}
	.w100 td {width: 179px; vertical-align: bottom; padding: 3px 5px;}

	.katalog-2 {padding: 3px 0 10px; margin-bottom: 10px;}
	.katalog-2 ul, .carousel ul {background: none;}
	.katalog-2 ul li {width: 130px; padding: 5px;}
	/*.katalog-2 ul * {vertical-align: top;}*/

	.bord-1, .tovar, .tovar4eg {border-bottom: solid 1px #d7d7d7; width: 100%;}
	.carousel {width: 500px !important; position: relative; margin: 0 auto; border: none;}
	.carousel ul li {width: 101px; padding: 5px 12px;}
	/*.carousel ul * {vertical-align: top;}*/
	.carousel ul li {text-align: left;}
	.carousel ul li strong {font-weight: normal; font-size: 11px;}
	.prev, .next {width: 25px; height: 25px; border: none; position: absolute; top: 38px; left: 15px; z-index: 100; cursor: pointer;}
	.prev {background: url(../images/bl-2.png) 0 0 no-repeat;}
	.next {background: url(../images/bl-1.png) 0 0 no-repeat; left: auto; right: 15px;}

	.kratkiy-vid {}

	.breadcrumb {padding: 7px 17px; font-size: 11px;}
	.breadcrumb, .breadcrumb a {color: #363636;}

	.tovar {position: relative; padding: 5px 0 15px; margin-bottom: 10px;}
	.img-2 {width: 120px; padding: 0 10px; text-align: center; float: left;}
	.opisanie {width: 400px; float: left; padding-bottom: 15px; color: #363636;}
	.opisanie h3, .opisanie h4, .opisanie h5, .opisanie h2, .opisanie h1, .opis h3, .opis h4, .opis h5, .opis h2, .opis h1, .opis ul {padding-bottom: 10px; color: #363636;}
	.cena {position: absolute; width: 400px; left: 140px; bottom: 5px; color: #363636;}
	.cena a.fr {font-weight: bold; color: #9fd100; text-decoration: none;}

	.page-navi {padding: 0 35px 20px; text-align: right; color: #9fd100; font-weight: bold;}
	.page-navi li {display: inline; list-style: outside none none; vertical-align: middle; padding: 0 4px;}
	.page-navi a, .page-navi a:hover {color: #848484; text-decoration: none; font-weight: normal;}

	.tovar4eg {padding: 0 0 25px; margin-bottom: 10px; position: relative; min-height: 200px; _height: 200px;}
		.img-3 {width: 280px; padding: 0 20px; float: right; text-align: center; min-height: 150px; _height: 150px;}
		.img-3 img {max-height: 150px;}
		.cena-2 {position: absolute; left: 18px; top: 20px; font-size: 16px;}
			.cena-2 small {font-size: 12px;}
		.kupit {position: absolute; left: 18px; top: 65px; font-size: 14px; font-weight: bold;}
		.kupit a, .kupit a:hover {color: #9fd100; text-decoration: none;}
		.karusel {position: absolute !important; padding: 0 18px; left: 0 !important; height: auto !important; bottom: 12px !important; top: auto !important; width: 240px !important;}
		.karusel div {width: 240px; overflow: hidden; position: relative; z-index: 100;}
		.karusel * {vertical-align: bottom !important;}
		.karusel li {list-style: outside none none; padding: 0 0 3px; width: 60px; height: 60px !important; text-align: center; display: block; float: left;}
		.karusel li.karusel-a {border-bottom: solid 3px #9fd100; padding-bottom: 0;}
		.p, .n {position: absolute; left: 5px; top: 20px; color: #9fd100; z-index: 100; text-decoration: none; font-size: 16px;}
		.n {left: auto; right: 5px;}
		.karusel ul {height: 66px; overflow: hidden; text-indent: -4px; *text-indent: 0px;}
		.opis {padding: 0px 18px 20px;}

	.table-1 {width: 100%; border-collapse: collapse; border: none; margin-bottom: 10px;}
			.table-1 th, .table-1 td {vertical-align: middle; text-align: center; padding: 15px; border-bottom: solid 1px #d7d7d7; white-space: nowrap;}
			.table-1 td a {text-decoration: none; color:}
				.table-1 td {font-size: 12px; width: 35px;}
				.table-1 td.name, .table-1 th.name {width: 300px; text-align: left; white-space: normal;}
				.table-1 td.name a {color: #363636;}
				.table-1 input {width: 37px; height: 18px; background: #d7d7d7; border: none; text-align: center;}
				.table-1 big {font-size: 24px; color: #ff0000;}
				.zakaz {cursor: pointer; float: right; margin-bottom: 10px; border: none; background: none; font-size: 12px; font-weight: bold; color: #9fd100;}

	.opis .zakazat ul {padding-bottom: 0 !important;}
	.zakazat li {list-style: outside none none; padding: 0 0 10px;}
	.zakazat li label {display: block; padding-bottom: 2px;}
	.zakazat input, .zakazat textarea {background: #d7d7d7; border: none; font-size: 12px;}
	.zakazat input {width: 163px; height: 21px;}
	.zakazat textarea {width: 100%; height: 138px;}

	.zakazat-2 input {width: auto; height: auto; background: inherit;}
	.zakazat-2 input.text-3, .zakazat-2 select { width: 163px; height: 21px; background: #fff; border: solid 1px #d7d7d7;}


.takge {padding: 0px 18px 20px; line-height: 20px;}
.takge h4 {font-size: 12px; color: #363636; padding-bottom: 8px;}
.takge a {color: #9fd100; margin-right: 12px;}
.polniy-vid {text-align: right; padding: 10px 18px;}
.polniy-vid * {vertical-align: middle;}
.polniy-vid a, .polniy-vid a:hover {text-decoration: none; color: #363636;}
.polniy-vid a span {text-decoration: underline; margin-right: 4px;}
.polniy-vid a:hover span {text-decoration: none;}



/*Всплывающее окошко*/
.popap4eg {position: fixed; _position: absolute; left: 50%; top: 50%; margin-left: -150px; width: 300px; /*display: none;*/ z-index: 1000; }
	.c-3-T {background: url(../images/c-3-T.png) 0 0 no-repeat; padding-top: 5px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c-3-T.png', sizingMethod='crop'); height: 1%;}
	.c-3-B {background: url(../images/c-3-B.png) 0 0 no-repeat; height: 5px; overflow: hidden; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c-3-B.png', sizingMethod='crop');}
	.c-3-BG {background: #cfe87f; padding: 2px 7px; height: 1%;}
	.c-3-BG * {position: relative;}
	.h202 {text-align: center; font-size: 12px; color: #363636;}
	.c-4-L-T {background: #fff url(../images/c-4-L-T.png) 0 0 no-repeat;}
	.c-4-R-T {background: url(../images/c-4-R-T.png) 100% 0 no-repeat;}
	.c-4-R-B {background: url(../images/c-4-R-B.png) 100% 100% no-repeat;}
	.c-4-L-B {background: url(../images/c-4-L-B.png) 0 100% no-repeat; padding: 10px; text-align: center; font-size: 14px; color: #9f9f9f;}
	.popap4eg .fl, .popap4eg .fr {padding: 0 17px;}
	.popap4eg .fl a, .popap4eg .fr a {font-weight: bold; font-style: normal; font-size: 14px; color: #363636;}
	.popap4eg .fr a {color: #9fd100;}
	
	.popap4eg ul { text-align: left; padding: 0; }
	.popap4eg li { list-style: outside none none; padding: 0 0 5px; }
	.popap4eg li label { display: inline-block; *display: inline; zoom:1; width: 79px; padding-left: 6px; color: #363636; font-size: 12px; }
	.popap4eg li input, .popap4eg li textarea { width: 169px; height: 25px; background: #fff; border: solid 1px #808080; padding: 0 5px; color: #363636; font-size: 12px; line-height: 25px; font-family: Arial, Helvetica, sans-serif; }
	.popap4eg li textarea { width: 254px; height: 84px; overflow: auto; }
	.p101 { font-size: 12px; text-align: left; }


/*Всплывающее окошко*/    
© TrueDev.org