@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%; background: #fff;}
body {font: italic 14px / 18px Georgia, "Times New Roman", Times, serif; display:table; height: 100%; margin: 0 auto;}
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #d2223f;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: italic normal 18px Georgia, "Times New Roman", Times, serif; color: #d2223f; 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;}
.header {display:table-header-group;}
.header .cell {height: 1%;}
.content {display:table-row;}
.footer {display:table-row;	height:1px;}
.cell {display: table-cell;}

#page {padding: 23px; width: 954px; margin: 0 auto; overflow: hidden;}
#content {width: 510px; float: left; padding: 0 229px 0 214px;}
#nb-1 {float: left; width: 192px; margin-left: -954px;}
#nb-2 {float: left; width: 214px; margin-left: -214px;}

	.h201 {font-size: 16px; padding-bottom: 5px;}
	.m-2 {padding: 0 0 15px 14px;}
		.m-2 li {display: block; list-style: outside; list-style: none none; background: url(../images/bg-1.png) 0 100% repeat-x; padding: 6px 5px 6px 0;}
		.m-2 li a {padding-left: 14px; margin-left: -14px; background: url(../images/bl-01.png) 2px 6px no-repeat; color: #000; text-decoration: none; font-style: normal; display: inline-block; *display: inline; zoom:1;}
		.m-2 li a:hover {text-decoration: underline;}


#header {min-height: 320px; _height: 320px; width: 1000px; overflow-x: hidden; margin: 0 auto; background: url(../images/header.jpg) 0 0 no-repeat; position: relative;}
.m-1 {padding: 298px 0 0 25px;}
.m-1 ul {text-align: justify; margin-left: -42px; *margin-left: -48px;}
.m-1 li {display: inline; list-style: outside none none; padding: 0 0px 0 42px; font-size: 16px; *padding: 0 0 0 48px; *font-weight: bold;}
.m-1 li a {text-decoration: none; border-bottom: dashed 1px #d2223f; display: inline; zoom:1;}
.m-1 li a:hover {text-decoration: none; border-bottom: dashed 1px #fff;}

.telefon {position: absolute; right: 48px; top: 100px; color: #db4d65; text-align: right;}
	.telefon span {font-size: 36px; display: block; padding-bottom: 4px;}
	.telefon span small {font-size: 18px;}

.logo {position: absolute; width: 192px; height: 66px; left: 27px; top: 127px;}
	.logo a {display: block; width: 192px; height: 66px; background: url(about:blank);}

.search {position: absolute; right: 28px; top: 14px; text-align: right;}
	.search * {vertical-align: middle;}
	.search label {padding-right: 5px;}
	.text-1 {width: 256px; padding: 2px; height: 19px; margin-right: 6px; background: url(../images/text-1.png) 0 0 no-repeat; border: none;}

.korzina {position: absolute; right: 28px; top: 198px; padding: 22px 10px 0 80px; width: 190px; height: 47px; background: url(../images/korz.png) 0 0 no-repeat; font-size: 12px;}
	.korzina strong {display: block; font-size: 16px; font-weight: normal;}
	.korz {display: block; width: 46px; height: 59px; position: absolute; left: 22px; top: 0; background: url(about:blank);}

.noviy {padding-bottom: 15px;}
.m-3 {padding-bottom: 20px;}
	.m-3 li, .skidki li {list-style: outside none none; padding: 0 0 15px; text-align: center;}
	.m-3 li a, .m-3 li a:hover, .tovari td a, .tovari td a:hover {text-decoration: none;}
	.m-3 li a span, .tovari td a span {display: block; background: url(../images/bg-2.png) 0 100% repeat-x; color: #000000; font-size: 18px; padding: 0 5px 3px; margin-bottom: 5px;}


.skidki li {padding-bottom: 8px;}
.skidki li big {font-size: 30px;}

.c-1-L-T {background: #e0e8f5 url(../images/c-1-L-T.png) 0 0 no-repeat; margin-bottom: 20px;}
.c-1-R-T {background: url(../images/c-1-R-T.png) 100% 0 no-repeat;}
.c-1-R-B {background: url(../images/c-1-R-B.png) 100% 100% no-repeat;}
.c-1-L-B {background: url(../images/c-1-L-B.png) 0 100% no-repeat; height: 1%; padding: 7px 12px 0px; line-height: 20px;}


.tovari {padding-bottom: 15px;}
	.tovari table {width: 100%; border-collapse: collapse; border: none;}
	.tovari td {padding: 0 0 7px; text-align: center; width: 241px;}
	.tovari td.w27 {width: 27px;}
	.cena-korz {background: url(../images/cena+korz.png) 0 0 no-repeat; padding: 5px 8px 0 16px; height: 24px; margin-bottom: 30px;}
	.cena-korz strong {float: left; font-size: 18px; font-weight: normal;}
	.cena-korz a {float: right; color: #000; text-decoration: underline !important; font-size: 12px; background: url(../images/korz-small.png) 0 7px no-repeat; padding-left: 22px;}
	.cena-korz a:hover {text-decoration: none !important;}
	.tr-1 td {vertical-align: bottom;}
	.tr-2 td {vertical-align: middle;}
	.tr-3 td {vertical-align: top;}

.h101 {color: #000;}

.page-navi {padding: 10px; text-align: center; color: #999999; font-size: 12px;}
	.page-navi * {vertical-align: middle;}
	.page-navi li {list-style: outside none none; display: inline-block; padding: 0 2px; *display: inline; zoom:1;}
	.page-navi a {color: #151415; text-decoration: underline;}
	.page-navi a:hover {text-decoration: none;}
	.page-navi span {display: inline-block; background: #d5314c url(../images/c-2.png) no-repeat; *display: inline; zoom: 1;}
	.page-navi span span {background: url(../images/c-2.png) 100% -24px no-repeat; color: #fff; padding: 3px 8px 0; height: 21px; min-width: 8px;}
	.page-navi a span {background: #e1ecf9 url(../images/c-2.png) 0 -48px no-repeat; color: #151415;}
	.page-navi a span span {background: url(../images/c-2.png) 100% -72px no-repeat; text-decoration: underline;}
	.page-navi a:hover span span {text-decoration: none;}

.form-1 {width: 492px;}
	.form-1 li {list-style: outside none none; padding: 0 0 5px;}
	.form-1 li label {display: block;}
	.form-1 li input {background: #e6ecf6 url(../images/text-2.png) 0 0 no-repeat; width: 146px; height: 22px; border: none; padding: 2px;}
	.form-1 li input.submit {width: 129px; height: 126px; background: url(../images/input-1.png) 0 0 no-repeat; border: none; padding: 0; float: right; clear: both;}
	.form-1 li textarea {width: 488px; height: 118px; background: #e6ecf6 url(../images/textarea-1.png) 0 0 no-repeat; border: none; padding: 2px; overflow: auto;}

	.form-2 {width: 495px;}
		.form-2 table {width: 100%; border-collapse: collapse; border: none; margin-bottom: 10px;}
			.form-2 tr {background: url(../images/bg-1.png) 0 100% repeat-x;}
			.form-2 table td {padding: 10px 5px;}
			.form-2 table td * {vertical-align: middle;}
			.td-1 {width: 70px; text-align: center;}
			.td-2 {width: 210px;}
				.td-2 a {color: #363636;}
				.text-2 {width: 36px; height: 16px; padding: 2px; background: url(../images/text-3.png) 0 0 no-repeat; border: none; text-align: center; margin-right: 5px;}
			.td-3 {color: #d2223f; font-size: 18px;}
		.form-2 strong.fl {font-size: 18px; font-weight: normal;}
		.form-2 strong.fl span {color: #d2223f;}
		.form-2 span.fr a {color: #363636;}
		.submiti {padding: 33px; text-align: center; clear: both; float: none;}
		.submit-2, .submit-3 {width: 129px; height: 26px; border: none; padding: 0; background: url(../images/input-2.png) 0 0 no-repeat; margin: 0 4px;}
		.submit-3 {background: url(../images/input-3.png) 0 0 no-repeat;}

		.ol-1 {padding: 0 10px 20px 20px;}
		.ol-1 li {padding: 0 0 15px 0px; }
		.ol-1 li a {color: #000000; text-decoration: none;}
		.ol-1 li a:hover {text-decoration: underline;}
		.red {color: #d2223f; font-weight: bold;}


	.breadcrumb {padding: 0 0 10px; font-size: 11px; color: #b9b9b9;}
	.breadcrumb a {color: #b9b9b9;}
	.tovar {position: relative;}
		.big-img {float: left; width: 260px; float: left; padding: 25px;}
		.opis {width: 180px; float: left; padding-bottom: 20px;}
		.opis li {list-style: outside none none; padding: 0 0 6px;}
		.opis li .red {font-size: 18px; font-weight: normal;}
		.tovar form {padding: 20px; text-align: center;}
		.kupit {width: 91px; height: 27px; background: url(../images/kupit.png) 0 0 no-repeat; border: none; padding: 0; margin: 0;}


	


#footer {background: url(../images/footer.jpg) 0 100% no-repeat; padding: 51px 29px 12px; width: 942px; margin: 0 auto; min-height: 37px; _height: 37px;}
	#footer * {vertical-align: middle;}
	#footer .fl, #footer .fr {display: inline-block; float: none; *display: inline; zoom:1;}
	#footer .fl {width: 202px; font-size: 12px;}
	#footer .fr { width: 710px; padding-left: 20px; text-align: right; font-size: 18px; color: #de5d72;}

/*Всплывающее окошко*/
.popap4eg {position: absolute; left: 50%; top: 50%; margin-top: -50px; width: 330px; display: none;}
	.c-3-T {background: url(../images/c-3-T.png) 0 0 no-repeat; padding-top: 14px; _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: 14px; overflow: hidden; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c-3-B.png', sizingMethod='crop');}
	.c-3-BG {background: url(../images/c-3-BG.png) 0 0 repeat-y; padding: 0px 20px;  _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c-3-BG.png', sizingMethod='scale'); height: 1%;}
	.c-3-BG * {position: relative;}
	.h202 {text-align: center; font-size: 18px;}
	.c-4-L-T {background: #fff url(../images/c-4-L-T.png) 0 0 no-repeat; margin-bottom: 10px;}
	.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;}
	.c-4-L-B, .popap4eg .fl a, .popap4eg .fr a {font-weight: bold; font-style: normal;}
	.popap4eg .fl a {color: #000;}

/*Всплывающее окошко*/



/*add 12.01.2011*/

.index .cont-1 { width: 740px; float: right; }
.index #content { padding: 0 0px;}
.index #nb-1 {float: left; margin-left: 0; }
.index #nb-2 {float: right; margin-left: 0; }
.brendi { padding-bottom: 20px; }
.brendi table { width: 100%; border-collapse: collapse; border: none; }
	.brendi td { text-align: center; vertical-align: middle; width: 20%; padding: 10px; }
	
.top_brend { position: relative; margin-bottom: 10px; background: url(../images/bg-3.png) 0 12px repeat-x; text-align: center; }
	.top_brend h2 { padding: 0 15px; display: inline-block; *display: inline; zoom:1; background: #fff; position: relative; color: #333333; }
	
	.bl-02-L, .bl-02-R { display: block; position: absolute; width: 5px; height: 5px; background: url(../images/bl-02.png) 0 0 no-repeat; font-size: 0; line-height: 0; overflow: hidden; top: 10px; left: 0; }
	.bl-02-R { left: auto; right: 0; }






















    
© TrueDev.org