* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {font: normal 12px Arial, Helvetica, sans-serif; color: #000000; background: #905C33; height: auto !important; height: 100%; min-height: 100%;}
img {border: none;}
li {list-style: none;}
a {text-decoration: underline; cursor: pointer; color: #ffffff;}
a:hover {text-decoration: none;}

.set {height: 0; overflow: hidden; clear: both;}
h1, h2, h3, h4, h5, h6 {font-family: "Times New Roman", Times, serif;}
div#bg-1, div#bg-2 {width: 50%; height: 823px; position: absolute; top: 0; z-index: 1; background-position: 0 0; background-repeat: repeat-x;}
div#bg-1 {background-image: url(../images/bg-L.jpg); left: 0;}
div#bg-2 {background-image: url(../images/bg-R.jpg); right: 0;}

div#all {width: 1004px; margin: 0 auto; position: relative; z-index: 30;}

.h01, .h02, .h03, .h04, .h05 {width: 1004px; height: 335px; position: relative;}
.h01 {background: url(../images/h01.jpg) 0 0 no-repeat;}
.h02 {background: url(../images/h02.jpg) 200px 0 no-repeat;}
.h03 {background: url(../images/h03.jpg) 400px 0 no-repeat;}
.h04 {background: url(../images/h04.jpg) 600px 0 no-repeat;}
.h05 {background: url(../images/h05.jpg) 800px 0 no-repeat;}

a.logo, div.telefon, ul.m-2, div.korz, div.kont {position: absolute;}

a.logo {width: 200px; height: 57px; left: 38px; top: 74px;}

div.telefon {font: normal 35px "Times New Roman", Times, serif; color: #fdfdfd; width: 200px; height: 40px; left: 45px; top: 210px; text-align: center;}
div.telefon sup {font-size: 17px; color: #5E5E5E; font-weight: bold; float: left; padding-top: 4px;}

ul.m-2 {width: 365px; height: 20px; left: 273px; top: 301px;}
ul.m-2 li {float: left; padding-left: 4px; color: #f4b878;}
ul.m-2 li a {color: #f4b878; margin-right: 4px;}
ul.m-2 li span {color: #FFFFFF;}
div.korz, div.kont {width: 150px; height: 15px; text-align: center; color: #FFFFFF; top: 303px;}
div.korz {left: 648px;}
div.kont {right: 28px;}


table.page {border-collapse: collapse;}
table.page td.left {width: 253px; vertical-align: top;}

div.m-1 {background: url(../images/left-bg.gif) right 0 repeat-y; margin-bottom: 8px; height: 1%;}
div.m-1 div {background: url(../images/left-top.jpg) 0 0 no-repeat;}
div.m-1 ul {padding: 0 6px 0 23px; background: url(../images/left-bottom.gif) right bottom no-repeat; font-size: 14px;}
div.m-1 ul li {padding: 21px 0 17px 67px; border-bottom: dashed 1px #9F6D46; background-image: url(../images/m-1.gif); background-repeat: no-repeat;}
.m-1-1 {background-position: 10px 10px;}
.m-1-2 {background-position: 10px -49px;}
.m-1-3 {background-position: 10px -100px;}
.m-1-4 {background-position: 10px -153px;}
.m-1-5 {background-position: 10px -210px;}
.m-1-6 {background-position: 10px -270px;}
.m-1-7 {background-position: 10px -333px;}
div.m-1 ul li.m-1-8 {background-position: 10px -395px; border: none;}

ul.m-3 {background: url(../images/poisk-bg.jpg) right top no-repeat; padding: 93px 0 25px 35px;}
	.text-1 {width: 138px; height: 25px; line-height:25px; background: #FFFFFF; border: solid 1px #020202; margin-right: 10px; float: left;}
	.submit-1 {width: 53px; height: 27px; border: none; background: url(../images/nayti.gif) 0 0 no-repeat; cursor: pointer; float: left;}
	.m-3-1 {padding-bottom: 7px;}
	.m-3-2 {background: url(../images/bl-2.gif) 2px 3px no-repeat; padding-left: 20px;}


table.page td.right {background: #B07A4F url(../images/right.gif) 0 0 repeat-x; width: 741px; border-right: solid 1px #CBA78A; border-left: solid 1px #CBA78A; vertical-align: top; height: 1%;}
	.content-1 {padding: 0px 30px 20px 170px; min-height: 160px; background: url(../images/patefon.gif) 36px 0 no-repeat;}
	.content-1 p {padding: 10px 0;}
	.a-1 {display: block; background: url(../images/bl-1.gif) left center no-repeat; padding-left: 15px;}
	
	
	table.corn-1 {border-collapse: collapse; width: 100%;}
	table.corn-1 td {text-align: center; vertical-align: middle; background-color: #BD855A;}
	.kategoria table.corn-1 td {background-color: #FFFFFF;}
	table.corn-1 td.corn-1-L-T, table.corn-1 td.corn-1-R-T, table.corn-1 td.corn-1-L-B, table.corn-1 td.corn-1-R-B {background: none; width: 6px; height: 6px;  background-image: url(../images/corn-1.gif); background-repeat: no-repeat; overflow: hidden; line-height: 0px; font-size: 0px;}

	
	
	
	.kategoria table.corn-1 td.corn-1-L-T {background-image: url(../images/corn-2.gif);}
	.kategoria table.corn-1 td.corn-1-R-T {background-image: url(../images/corn-2.gif);}
	.kategoria table.corn-1 td.corn-1-L-B {background-image: url(../images/corn-2.gif);}
	.kategoria table.corn-1 td.corn-1-R-B {background-image: url(../images/corn-2.gif);}
	
	table.corn-1 td.corn-1-L-T {background-position: 0 0;}
	table.corn-1 td.corn-1-R-T {background-position: -6px 0;}
	table.corn-1 td.corn-1-L-B {background-position: 0 -6px;}
	table.corn-1 td.corn-1-R-B {background-position: -6px -6px;}
	
	div.content-2 {padding: 25px 0 25px 35px;}
	.sp-1 {display: block; padding-top: 5px;}
	
	.katalog {padding-top: 15px; width: 100%; overflow: hidden;}
	.katalog li {width: 175px; height: 175px; float: left; margin: 0 60px 25px 0;}
	.katalog li table.corn-1 {height: 100%;}
	.katalog li img {max-height: 120px; max-width: 150px;}
	
	.content-4 {padding: 13px;}
	.kategoria li {width: 135px; height: 170px; margin: 0 4px 13px;}
	.kategoria li table.corn-1 {height: 150px;}
	.kategoria li img {max-height: 130px; max-width: 105px;}
	.kategoria li td span {display: block; text-align: left; float: none; clear: both; font-size: 18px; color: #d51000; padding: 5px 5px 0; line-height: 27px;}
	.kategoria li td span input {float: right;}
	.kategoria li td span strong {float: left;}
	.kategoria li p {text-align: center; padding: 5px;}
	.kategoria li p a {background: url(../images/bl-1.gif) left center no-repeat; padding-left: 15px;}
	
	div.content-3 {padding: 20px;}
	div.content-3 table.corn-1 {margin: 20px 0;}
	form.form-1 {text-align: center; color: #FFFFFF;}
	table.korzina {width: 100%; border: none;}
	table.korzina td, table.korzina th {border: solid 1px #C6956F; padding: 6px 0;}
	table.korzina td strong {padding: 0 10px;}
	table.korzina td.td-1, table.korzina th.th-1 {text-align: left;}
	table.korzina th.th-1 {padding-left: 25px;}
	input.text-2 {width: 18px; height: 14px; background: #FFFFFF; border: solid 1px #C8A979; text-align: center;}
	input.submit-2 {border: none; padding-left: 20px; height: 16px; vertical-align: middle; background: url(../images/bl-3.gif) left 3px no-repeat; font-size: 12px; color: #FFFFFF; cursor: pointer;}
	input.submit-3, input.submit-4, input.submit-5, input.submit-6, input.submit-7, input.submit-8, input.submit-9 {width: 78px; height: 27px; background: none; border: none; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; margin: 0 10px;}
	input.submit-3 {background-image: url(../images/o4istit.gif);}
	input.submit-4 {background-image: url(../images/peres4itat.gif);}
	input.submit-5 {background-image: url(../images/zakazat.gif);}
	input.submit-6 {background-image: url(../images/otpravit.jpg); float: right; margin-right: 25px;}
	input.submit-7 {background-image: url(../images/iskat.jpg); float: left; margin-left: 77px;}
	input.submit-8 {background-image: url(../images/kupit.gif); margin: 0; width: 53px;}
	input.submit-9 {background-image: url(../images/pologit.gif); width: 130px;}
	
	
	form.form-2 {color: #FFFFFF; padding-top: 10px;}
	form.form-2 p {padding: 0 0 10px;}
	form.form-2 ul {width: 400px;}
	form.form-2 ul li {float: none; clear: both; padding-bottom: 10px;}
	form.form-2 label {display: block; float: left; width: 110px; min-height: 17px; padding-top: 3px; padding-right: 5px; text-align: right;}
	form.form-2 span {color: #FF0000;}
	form.form-2 textarea {width: 258px; height: 80px; background: #FFFFFF; border: solid 1px #E1E1E1;}

	.text-3, .text-4 {width: 152px; height: 18px; background: #FFFFFF; border: solid 1px #DCDCDC;}

	.text-4 {width: 57px;}
	
	table.forma_zakaza {width: 300px;}
	table.forma_zakaza p {text-align: left; padding: 5px;}
	ul.zakaz {width: auto !important; text-align: left; padding: 0 15px;}
	ul.zakaz strong {padding: 0 5px;}
	ul.zakaz span {display: block; text-align: right; color: #FFFFFF;}
	
	.kategoria-1-1 {width: 135px; padding: 0 15px; float: left;}
	.kategoria-1-1 table.corn-1 {min-height: 115px;}
	.kategoria-1-2 {float: left; width: 550px;}
	
	.kategoria-2-1 {width: 160px; float: left;}
	.kategoria-2-2 {width: 570px; float: left;}
	.kategoria-2-2 table.corn-1 td  {text-align: left !important;}
	.kategoria-2-2 table.corn-1 td h2 {padding-left: 15px; color: #FFFFFF;}
	.kategoria-2-2 table.corn-1 td p {padding: 20px;}
	.kategoria-2-1 .kategoria {padding: 0; margin: 0;}
	.kategoria-2-1 .kategoria li {width: 135px; height: 170px; margin: 0 auto 5px; float: none;}
	.kategoria-2-1 .kategoria li p a {background: url(../images/bl-4.gif) left 0px no-repeat; padding-left: 18px; color: #000000; font-size: 14px;}
	
	.form-3 {padding: 20px; text-align: right; font: 18px "Times New Roman", Times, serif; color: #FFFFFF;}
	.form-3 strong {padding: 0 5px;}
	
	
	.page-navi a, .page-navi strong {display: block; padding: 0 4px; color: #FFFEFC; margin-right: 1px; float: left;}
	.page-navi a {background: #F4B878; color: #8B4F20;}

table.page td.f-L {background: url(../images/logo-bottom.jpg) right bottom no-repeat; height: 96px;}	
table.page td.f-R {background-image: none; padding-top: 35px; height: 61px;}
	div.m-4 {float: left; height: 48px; background: #000000 url(../images/f01.jpg) 0 0 no-repeat;}
	div.m-4 ul {padding: 15px 43px 0 0; background: url(../images/f02.gif) right top no-repeat; height: 33px; float: left;}
	div.m-4 ul li {float: left; padding-left: 41px;}
		
	.copy {float: left; padding: 15px 0 0 66px; color: #E3C191;}
	
.cont-1 {width: 100%; position: relative; overflow: hidden;}
.cont-2 {position: relative; float: left; left: 50%; text-align: center;}
.cont-3 {float: left; position: relative; left: -50%;}
.cont-3 a, .cont-3 img, .cont-3 input {float: left;}
.cont-3 a {margin: 0 10px;}
	    
© TrueDev.org