@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 Verdana, Geneva, sans-serif; color: #000000; display:table; height: 100%; margin: 0 auto; width: 100%; min-width: 1000px; position: relative; background: #fff url(../images/body-BG_spring.png) center top repeat-y; }
.autumn { background: #fff url(../images/body-BG_autumn.png) center 0 repeat-y; }
.summer { background: #fff url(../images/body-BG_summer.png) center 0 repeat-y; }
.winter { background: #fff url(../images/body-BG_winter.png) center 0 repeat-y; }
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #5b1000; }
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: normal 18px 'Trebuchet MS', 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, ol { padding-left: 30px; }
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;}
.table {width: 100%; border-collapse: collapse; border: none;}
	.table td {vertical-align: top;}
#header {display:table-header-group;}
#header .cell {height: 1%;}
#content {display:table-row;}
#footer {display:table-row;	height:1%;}
.cell {display: table-cell;}

.page {overflow: hidden;}
.header {position: relative;}
.footer { padding-bottom: 47px; }
	.copy { float: left; width: 200px; line-height: 20px; }
	.razrab { float: right; width: 120px; padding: 0 0 0 50px; background: url(../images/logo-razr.png) 0 6px no-repeat; line-height: 20px; }
	.footer-center { overflow: hidden; }
		.tel { font: 28px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #5b1000; float: left; padding: 0 20px 0 0; }
		.tel span { color: #cd9165; }
.table-1 { /*width: 1000px; background: #fff; margin: 0 auto;*/ }

.page, .header, .footer { width: 920px; margin: 0 auto; position: relative; }
.page { padding: 040px; }

.logo { float: left; width: 323px; padding-top: 24px; margin-bottom: 22px; }
	.logo a { display: block; height: 67px; background: url(../images/logo.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; }
	
.cart { width: 194px; float: right; margin-bottom: 13px; padding-top: 37px; font-size: 11px; }
	.cart ul { padding: 0; }
	.cart li { list-style: none; padding: 0 0 10px; vertical-align: middle; }
	.cart li span { display: inline-block; *display: inline; zoom:1; padding: 3px 5px; background: #cd9165; color: #ffffff; border: solid 1px #b37f58; }
	.cart li a { color: #000; }
	
.slogan { overflow: hidden; padding: 54px 0 0 38px; font: normal 20px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #36ae0b; height: 55px; }
	.winter .slogan { color: #0073df; }
	.autumn .slogan { color: #ff7e1f; }
	.summer .slogan { color: #ffc000; }


.bord-1 { float: none; clear: both; border-top: solid 2px #47c919; border-bottom: solid 2px #c9895a; margin-bottom: 29px; height: 1%; }
	.winter .bord-1 { border-top-color: #00a2ff; }
	.autumn .bord-1 { border-top-color: #ff7e1f; }
	.summer .bord-1 { border-top-color: #ffc000; }
	.m-1 { float: left; padding: 15px 0 19px; }
		.m-1 ul { padding: 0; }
		.m-1 li { display: inline; padding: 0 30px 0 0; list-style: none; }

	.search { float: right; padding-top: 13px; }
		.search input[type='text'] { width: 200px; height: 20px; padding: 0 5px; font: normal 12px Verdana, Geneva, sans-serif; color: #a3a3a3; border: solid 1px #dbdee5; border-top-color: #aaadb2; background: #fff; line-height: 20px; margin-right: 7px; }
		.search input[type='submit'] { width: 19px; height: 20px; border: none; background: url(../images/find.png) 0 0 no-repeat; }
		
	.autorise { float: right; padding: 17px 39px; font-size: 11px; }
		.autorise a { color: #0091e4; }
		.aut_link { text-decoration: none !important; border-bottom: dashed 1px #0091e4; display: inline-block; *display: inline; zoom:1; padding: 0 0 2px; }
		.aut_link:hover { border-color: #fff; }
	
	.serij { position: fixed; width: 100%; height: 100%; z-index: 100; left: 0; top: 0; background: url(../images/bg-1.png); display: none; }	
		.autoriz-form { width: 325px; position: absolute; left: 50%; margin-left: -100px; top: 207px; font-size: 13px; padding: 45px 40px 11px; background: #fff url(../images/bg-3.png) right bottom no-repeat;  }
			.autoriz-form form {  }
			.autoriz-form ul { padding: 0; }
			.autoriz-form li { list-style: none; padding: 0 0 6px; overflow: hidden; float: none; }
			.autoriz-form li input[type='text'], .autoriz-form li input[type='password'] { width: 308px; height: 30px; padding: 0 5px; background: #fff; color: #000000; font: normal 12px Verdana, Geneva, sans-serif; line-height: 30px; border: solid 1px #aaadb2; }
			.autoriz-form li input[type='submit'] { width: 94px; height: 34px; float: left; border: none; background: url(../images/voyti.png) 0 0 no-repeat; margin-right: 49px; margin-top: 24px; }
			.autoriz-form li a { /*color: #4f008c*/; }
			.autoriz-form li ul { padding-top: 20px; }
			
			.autoriz-form .aut { color: #000000; border: none; font-size: 22px; padding-bottom: 10px; display: block; }
			.autoriz-form .aut .aut_link {  }
			
			.close { width: 34px; height: 34px; background: url(../images/x.png) 0 0 no-repeat; position: absolute; right: 42px; top: 30px; cursor: pointer; }
			

.content { width: 720px; float: right; }
.nav { width: 160px; float: left; }

.carousel { overflow: hidden; width: 100%; height: 150px; margin-bottom: 35px; }
	.carousel li { float: left; }
	
.kartinki { overflow: hidden; }
	.kartinko-1 { width: 470px; height: 320px; float: left; margin-bottom: 20px; }
	.kartinko-2, .kartinko-3, .kartinko-4 { width: 240px; height: 100px; float: right; margin-bottom: 10px; }
	.kartinko-5 { width: 720px; height: 100px; margin-bottom: 35px; }
	
.h201 { font-size: 22px; padding-bottom: 21px; }

.front-news { width: 340px; float: left; margin-bottom: 35px; }
	.front-news-item { overflow: hidden; margin-bottom: 26px; }
	.front-news-item-data { font-size: 11px; color: #cd9165; padding-bottom: 5px; }
	.front-news-item-body { line-height: 20px; }
	
.front-about { width: 340px; float: right; margin-bottom: 35px; }
	.front-about-body { line-height: 20px; }
	.front-about-body p { padding-bottom: 20px; }
	
.m-2 { border-bottom: solid 1px #e4c4ac; margin-bottom: 25px; }
	.m-2 ul { padding: 0; font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; }
	.m-2 ul ul { padding: 10px 0 0; font: normal 13px Verdana, Geneva, sans-serif; }
	.m-2 li { padding: 0 0 26px; list-style: none; }
	.m-2 li li { padding: 0 0 6px; }
	.m-2 li a { color: #5b1000; }
	.m-2 li li a { color: #1f7600; }
	.winter .m-2 li li a { color: #0073df; }
	.autumn .m-2 li li a { color: #e15f00; }
	.summer .m-2 li li a { color: #2da801; }

.m-3 { border-bottom: solid 1px #e4c4ac; margin-bottom: 25px; padding-bottom: 12px; }
	.m-3 h3 { font-size: 18px; font-weight: bold; padding-bottom: 10px; }
	.m-3 ul { padding: 0; }
	.m-3 li { list-style: none; padding: 0 0 14px; }
	.m-3 li a { text-decoration: none !important; color: #1f7600; border-bottom: dashed 1px #1f7600; }
	.m-3 li a:hover { border-bottom: none; }
	
.catalog-tovarov, .o-magazine, .skidki, .pomosh, .sortirovka { float: left; padding: 15px 10px 0 0; }
	.h301 { font: normal 16px Verdana, Geneva, sans-serif; padding-bottom: 20px; }
	.catalog-tovarov { width: 350px; margin-bottom: -10px; }
		.catalog-tovarov .m-2 { border: none; margin: 0; }
		.catalog-tovarov .m-2 > ul { width: 45%; float: left; padding-right: 5%; font-size: 14px; font-weight: normal; }
		.catalog-tovarov .m-2 ul ul { font-size: 11px; }
		
	.o-magazine { width: 170px; }
		.m-4 {  }
		.m-4 ul { padding: 0; }
		.m-4 li { padding: 0 0 15px; list-style: none; }
		
	.skidki { width: 98px; }
	.pomosh { width: 134px; }
	
	.sortirovka { width: 116px; }


.breadcrumb { font-size: 11px; line-height: 18px; font-weight: bold; margin-bottom: 27px; }
	.breadcrumb a { font-weight: normal; }
	.breadcrumb span { color: #cd9165; font-weight: normal; padding: 0 8px; }
	
.sort { padding-bottom: 17px; line-height: 20px; }
	.sort a { text-decoration: none !important; border-bottom: dashed 1px #0091e4; color: #0091e4; margin-left: 22px; }
	.sort a:hover { border-color: transparent; }
	
.filter { background: #f4e7de; padding: 4px 10px; margin-bottom: 30px; }
	.number_of_products { float: left; width: 170px; padding-top: 2px; }
		.number_of_products b { color: #713022; }
	.number_of_products_per_page { float: right; width: 230px; text-align: right; }
	.s-1 { width: 42px; height: 20px; background: #fff; border: solid 1px #acadb2; font: normal 13px Verdana, Geneva, sans-serif; color: #000000; line-height: 20px; }
	.p-n { text-align: center; padding: 0 230px 0 170px; vertical-align: middle; }
		.p-n a, .p-n span { margin: 0 4px 0 5px; }
		.p-n span { display: inline-block; *display: inline; zoom:1; padding: 0px 4px 1px; background: #cd9165; color: #fff; border: solid 1px #b37f58; position: relative; *bottom: -2px; }
		
.tovari { position: relative; }
	.tovari ul { padding: 0; font-size: 0; line-height: 0; display:table; letter-spacing: -1px; }
	.tovari li { font-size: 13px; line-height: normal; letter-spacing: normal; display: inline-block; *display: inline; zoom:1; width: 158px;  vertical-align: top; margin: 0 11px 27px; text-align: center; }
	.tovari li a { text-decoration: none !important; display: block; position: relative; }
		.img2-BG { width: 150px; height: 200px; padding: 2px 4px 6px 4px; background: url(../images/img-2-BG.png) 0 0 no-repeat; display: block; overflow: hidden; }
		.tovar-name { font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #39b40d; text-decoration: underline; padding-bottom: 4px; display: block; }
		.tovari li a:hover .tovar-name { text-decoration: none; }
		.tovar-opis {  }
		.tovar-opis s { font-weight: bold; color: #cd9165; text-decoration: line-through; }
		.tovar-cena {  }
		.tovar-cena big { font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #cd9165; }
		
		.tovari li a u { display: block; position: absolute; right: -9px; top: -6px; }
		.tovari li.tovar-novinka a u { background: url(../images/novinka.png) 0 0 no-repeat; width: 81px; height: 54px; top: 3px; right: -5px; }
		.tovari li.tovar-zakaz a u { background: url(../images/zakaz.png) 0 0 no-repeat; width: 76px; height: 69px; }
		.tovari li.tovar-skidka a u { background: url(../images/skidka.png) 0 0 no-repeat; width: 69px; height: 68px; top: -5px; right: -6px; }


.h101 { font-size: 30px; font-weight: bold; }
	.h101 span  { color: #c9895a; }
	.h101 small { font-size: 20px; font-weight: normal; }

.product-detail-item { position: relative; border-bottom: solid 1px #e4c4ac; padding-bottom: 10px; margin-bottom: 8px; height: 1%; }
	.product-img { width: 470px; float: left; }
		.product-img-big { width: 456px; background: url(../images/img-4-BG.png) 0 0 repeat-y;/* overflow: hidden;*/ margin-bottom: 14px; }
		.product-img-big-T { background: url(../images/img-4-T.png) 0 0 no-repeat; }
		.product-img-big-B { background: url(../images/img-4-B.png) 0 100% no-repeat; padding: 2px 3px 5px; }
		.product-img-big-1 { width: 450px; }
		
		.product-img-small { overflow: hidden; }
			.product-img-small ul { padding: 0; }
			.product-img-small li { width: 100px; float: left; margin-bottom: 10px; list-style: none; }
			.img-3-BG { width: 80px; height: 100px; overflow: hidden; background: url(../images/img-3-BG.png) 0 0 no-repeat; padding: 1px 2px 5px 3px; }
			.img-3-BG a { display: block;width: 300px; margin-left: -110px; text-align: center; }
			.img-3-BG a img { height: 100px; }
			
	.product-descr { width: 250px; float: left; }
		.product-bord { margin-bottom: 30px; border-bottom: solid 1px #e4c4ac; line-height: 20px; }
			.product-bord p { padding-bottom: 20px; }
			
			.product-characteristics { padding-bottom: 20px; }
				.product-characteristics dt { float: left; width: 108px; }
				.product-characteristics dd { overflow: hidden; }
				
		.in_cart { margin-bottom: 18px; }
			.v-korz, .otlog { display: block; width: 124px; height: 34px; background: url(../images/v_korzinu.png) 0 0 no-repeat; float: left; margin-right: 8px; margin-left: -2px; }
			.otlog { background: url(../images/otlogit.png) 0 0 no-repeat; margin-right: -2px; }
			
		.soc-seti { margin-bottom: 45px; }
		
		.send-mail { position: relative; }
			.send { color: #0091e4; text-decoration: none !important; border-bottom: dashed 1px #0091e4; }
				.send:hover { border-color: transparent; }
				
			.popup-T { position: absolute; left: -27px; top: -21px; width: 304px; background: url(../images/popup-T.png) 0 0 no-repeat; z-index: 100; display: none; zoom:1; }
			.popup-B { background: url(../images/popup-B.png) 0 100% no-repeat; padding: 14px 0; zoom:1; }
			.popup-BG { background: url(../images/popup-BG.png) 0 0 repeat-y; padding: 0 7px; zoom:1; }
			.popup { background: #fff url(../images/bg-2.png)  right bottom no-repeat; margin: -10px 0 -4px; float: left; width: 100%; }
			.popup-padd { padding: 17px 20px; }
			.popup dl { padding-top: 23px; }
				.popup dt, .zadat-vopros dt { padding-bottom: 7px; }
				.popup dd, .zadat-vopros dd { padding-bottom: 16px; }
				.popup dd input[type="text"], .popup dd textarea, .zadat-vopros dd input[type="text"], .zadat-vopros dd textarea { width: 238px; height: 20px; padding: 0 5px; border: solid 1px #dbdee3; border-top-color: #aaadb2; line-height: 20px; }
				.popup dd textarea, .zadat-vopros dd textarea { height: 110px; overflow: auto; }
				
				
				.zadat-vopros dd textarea { width: 490px; }
				
				.zadat-vopros em { color: #dc0000; }
				.zadat-vopros small { font-size: 11px; line-height: 20px; }
				
			.send-button { display: block; width: 124px; height: 34px; border: none; padding: 0; margin: 0 auto; background: url(../images/otpravit.png) 0 0 no-repeat; }
			

.tab-1 { background: url(../images/tab-1-BG.png) 0 0 repeat-y; width: 552px; margin: 0 0 20px -10px; }
	.tab-1-T { background: url(../images/tab-1-T.png) 0 0 no-repeat; }
	.tab-1-B { background: url(../images/tab-1-B.png) 0 100% no-repeat; padding: 36px 25px 25px 30px; min-height: 400px; }
	
	.tabs { margin-bottom: 50px; padding: 0; font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #000000; clear: both; overflow: hidden; }
		.tabs li { list-style: none; float: left; }
		.tabs-1 { width: 288px; }
		.tabs-2 { overflow: hidden; }
		
.tab-2 { background: url(../images/tab-2-BG.png) 0 0 repeat-y; width: 552px; margin: 0 -10px 20px 0; display: none; }
	.tab-2-T { background: url(../images/tab-2-T.png) 0 0 no-repeat; }
	.tab-2-B { background: url(../images/tab-2-B.png) 0 100% no-repeat; padding: 36px 32px 25px 20px; min-height: 400px; }


































    
© TrueDev.org