@charset "UTF-8";  
@font-face{
    font-family: 'lobster';
    src: url('../fonts/lobster.eot');
    src: url('../fonts/lobster.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lobster.woff') format('woff'),
         url('../fonts/lobster.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.font{
    font-family: 'lobster';
}
/* common */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
table{
	border-spacing: 0;
}
img{
	border: none;
}
ul li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
sup,sub{
	vertical-align: baseline;
}
input,button,textarea,select,optgroup,option{
 	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input:focus,
textarea:focus,
select:focus{
	outline: none;
}
html{
	background: url('../images/top.jpg') no-repeat top;
}
body{
	font-family: 'Tahoma', 'Arial', sans-serif;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	color: #5e5c5c;
	height: 100%;
/*	background: url('../images/temp.png') no-repeat center top;*/
}
hr{
	border: 0 none;
	border-top: dotted 1px #5e5c5c;
	height: 0;
	color: #5e5c5c;
	background: none;
}
.hr{
	height: 13px;
	background: url(../images/hr.png) center center;
}
a{
	color: #a17069;
	text-decoration: underline;
	outline: none;
	color: inherit;
}
a:hover{
	text-decoration: none;
}
.clear{
	display: block;
	clear: both;
	height: 0;
}
.clearfix:after{
	display: block;
	float: none;
	clear: both;
	content: '.';
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	opacity: 0;
	color: transparent;
}
/* off */

.warp{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url('../images/bottom.png') repeat-x bottom;
}

/* header */
.header{
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 300px;
}
.header .left,
.header .right{
	position: absolute;
	top: 0;
}
.header .left{
	left: 0;
	text-align: center;
	padding: 11px 0 0;
}
.header .right{
	right: 0;
	text-align: center;
	color: #70bac7;
	width: 185px;
	min-height: 171px;
	padding: 5px 0 0;
	background: url('../images/basket.png') no-repeat top;
}
.logo{
	text-align: center;
	padding: 44px 0 0;
}
.header .left > img{
	margin: 0 0 4px;
}
.phone{
	font-family: 'Arial', sans-serif;
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	line-height: 120%;
	color: #a17069;
}
.phone *{
	vertical-align: top;
}
.phone sup{
	position: relative;
	top: 2px;
	font-size: 16px;
	font-weight: normal;
	line-height: 120%;
}
.social{
	display: inline-block; *display: inline; zoom: 1;
	width: 114px;
	padding: 22px 0 0;
}
.social li{
	float: left;
	position: relative;
	margin: 3px 4px 0;
}
.social li img{
	position: relative;
	opacity: 1;
	left: 0;
	top: 0;
	-webkit-transition: 0.25s ease opacity;
	-moz-transition: 0.25s ease opacity;
	-o-transition: 0.25s ease opacity;
	transition: 0.25s ease opacity;
}
.social li img:first-child{
	position: absolute;
	opacity: 0;
}
.social li:hover img{
	opacity: 0;
}
.social li:hover img:first-child{
	opacity: 1;
}
.header .right b{
	display: block;
	font-size: 18px;
	margin: 4px 0;
}
.basket-link{
	position: absolute;
	left: 65px;
	top: 113px;
	width: 58px;
	height: 58px;
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	-o-border-radius: 29px;
	border-radius: 29px;
}
.basket-action{
	position: absolute;
	color: #a17069;
	top: 185px;
	left: 0;
	width: 100%;
}
.nav{
	position: absolute;
	top: 213px;
	left: 0;
	color: #fff;
	width: 960px;
	font-size: 22px;
}
.nav a{
	text-decoration: none;
}
.nav table{
	border-spacing: 0;
	margin: 0 auto;
	text-align: center;
}
.nav table tr td{
	text-shadow: 1px 1px 0 #835c43;
	vertical-align: top;
	background: url('../images/blank.png') no-repeat center center;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.nav table tr td.active,
.nav table tr td:hover{
	background-image: url('../images/td.png');
}
.nav table tr td a{
	display: block;
	width: 149px;
	height: 51px;
	padding: 26px 0 0;
}


/* header off */

/* content */
.content{
	width: 960px;
	margin: 0 auto;
	padding: 27px 0 185px;
}
.content .left{
	float: left;
	width: 228px;
}
.content .right{
	float: right;
	width: 632px;
}
.menu{
	margin: 0 0 31px;
}
.menu li{
	text-align: center;
	color: #fff;
	width: 228px;
	height: 34px;
	margin: 3px 0 0;
	font-size: 18px;
	line-height: 17px;
	text-shadow: 1px 1px 0 #7f4d47;
	background: url('../images/menu.png') no-repeat top;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.menu li:first-child{
	margin: 0;
}
.menu li a{
	display: table-cell;
	width: 228px;
	height: 34px;
	vertical-align: middle;
	text-decoration: none;
}
.menu li.active,
.menu li:hover{
	background-image: url('../images/menu-hover.png');
	text-shadow: none;
}
.tools{
	margin: 0 0 31px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	width: 228px;
	height: 48px;
	padding: 40px 0 0;
	text-shadow: 1px 1px 0 #7f4d47;
	background: url(../images/tools.png) no-repeat;
}
.tools a{
	display: inline-block; *display: inline; zoom: 1;
	width: 192px;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
}
.tools a:hover{
	background: rgba(0,0,0,0.2);
}
.question{
	margin: 0 0 21px;
	font-size: 18px;
	text-align: center;
	color: #fff;
}
.question div{
	position: relative;
	z-index: 1;
	width: 228px;
	margin: -6px -8px 0;
	height: 51px;
	padding: 0 8px;
	text-shadow: 1px 1px 0 #7f4d47;
	background: url(../images/question.png) no-repeat;
}
.question div a{
	display: block;
	width: 228px;
	height: 35px;
	padding: 16px 0 0;
	text-decoration: none;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.question div a:hover{
	text-shadow: 0px 0px 5px rgba(0,0,0,0.75);
}
.content .left .hr{
	margin: 0 0 26px;
}
.block{
	margin: 0 0 29px;
}
.block h2{
	font-size: 18px;
	line-height: 120%;
	margin: 0 0 14px;
}
.block-line{
	margin: 0 0 14px;
}
.date{
	font-size: 11px;
	color: #919191;
	margin: 0 0 2px;
}
.block-line h3{
	font-size: 14px;
	line-height: 120%;
	color: #925e57;
	margin: 0 0 2px;
}
.block-line a{
	text-decoration: none;
}
.block-line a:hover{
	text-decoration: underline;
}
.block-line .text{
	font-size: 11px;
}
.banner{
	text-align: center;
	margin: 0 0 31px;
}
.content .right h1{
	font-size: 16px;
	line-height: 18px;
	color: #7a4943;
	text-align: center;
	margin: -4px 0 29px;
}
.content .right .hr{
	margin: 0 0 20px;
}
.content .right .block{
	margin: 0 0 7px;
}
.content .right .block ul li{
	position: relative;
	float: left;
	text-align: center;
	width: 178px;
	height: 262px;
	margin: 0 0 24px 46px;
	border: solid 1px #bbd4d8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.content .right .block.small ul li{
	height: 167px;
	padding: 24px 0 0;
}
.content .right .block ul li:hover{
	-webkit-box-shadow: 0 0 10px rgba(61,105,113,0.5);
	-moz-box-shadow: 0 0 10px rgba(61,105,113,0.5);
	box-shadow: 0 0 10px rgba(61,105,113,0.5);
}
.content .right .block ul li:first-child,
.content .right .block ul li:nth-child(3n+1){
	margin-left: 0;
}
.content .right .block ul li .name{
	position: absolute;
	left: -8px;
	bottom: -26px;
	width: 196px;
	height: 51px;
	padding: 15px 0 0;
	font-size: 18px;
	line-height: 100%;
	color: #434141;
	text-shadow: 1px 1px 0 #abdfe9;
	background: url('../images/name.png') no-repeat;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.content .right .block ul li:hover .name{
	color: #7c4b45;
}
.content .right .text{
	padding: 0 0 20px;
}
.content .right .text h2{
	font-size: 16px;
}
.content .right .text h3{
	font-size: 14px;
}
.content .right .text h4{
	font-size: 12px;
	font-weight: bold;
}
.content .right .text h2,
.content .right .text h3,
.content .right .text h4,
.content .right .text p{
	margin: 0 0 20px;
}
.content .right .text a{
	color: #a17069;
}
.pay-system{
	margin: 0 0 62px;
	text-align: center;
	padding: 0 8px;
	color: #925e57;
	font-size: 18px;
	line-height: 100%;
	height: 57px;
	border: solid 1px #925e57;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.pay-system *{
	vertical-align: middle;
}
.pay-system img{
	margin: 0 0 0 6px;
}
.blank-center{
	display: inline-block; *display: inline; zoom: 1;
	height: 57px;
	width: 0;
	font-size: 0;
	line-height: 0;
}
.content .right.text h1{
	font-size: 22px;
	color: #5e5c5c;
	line-height: 120%;
	text-align: left;
	margin: -4px 0 20px;
}
.content .right.text h2{
	font-size: 14px;
	line-height: 120%;
	margin: 0 0 20px;
	padding: 30px 0 0;
}
.content .right.text h2:nth-child(2){
	padding: 0;
}
.content .right.text p,
.content .right.text ul{
	margin: 0 0 20px;
}
.content .right.text a{
	color: #a17069;
}
.catalog-card{
	border: solid 1px #bbd4d8;
	padding: 8px;
	margin: 0 0 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.tovar-card{
	margin: 0 0 20px;
}
.card-img,
.tovar-img{
	overflow: hidden;
	float: left;
	width: 343px;
	height: 219px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.tovar-img{
	height: 276px;
}
.card-img img,
.tovar-img img{
	display: inline-block; *display: inline; zoom: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.content .right.text .card-desc h2{
	font-size: 18px;
	color: #a17069;
	line-height: 120%;
	padding: 0;
	margin: -3px 0 14px;
}
.card-desc,
.tovar-param{
	floaT: right;
	position: relative;
	width: 252px;
	min-height: 162px;
	padding: 0 0 57px;
}
.tovar-param{
	width: 272px;
	min-height: 219px;
}
.card-desc ul li{
	font-size: 14px;
	line-height: 120%;
	margin: 0 0 4px;
}
.desc-bottom{
	position: absolute;
	left: 0;
	bottom: 0;
}
.button{
	cursor: pointer;
	text-align: left;
	display: inline-block; *display: inline; zoom: 1;
	height: 29px;
	line-height: 28px;
	white-space: nowrap;
	padding: 0 37px 0 7px;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	text-shadow: 1px 1px 0 #67a8b3;
	background: #7bb5bf url('../images/icon-basket.png') no-repeat right center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.button:hover{
	background-color: #67a8b3;
}
.desc-bottom div{
	margin: 0 0 14px;
	font-size: 18px;
	line-height: 120%;
}
.content .right.text .tovar-param ul{
	margin: 0;
}
.param-header{
	font-size: 14px;
	line-height: 120%;
	margin: 0 0 8px;
}
.tovar-param ul li{
	float: left;
	text-align: center;
	margin: 0 0 14px 22px;
	width: 51px;
}
.tovar-param ul li img{
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-o-border-radius: 26px;
	border-radius: 26px;
}
.tovar-param ul li a{
	text-decoration: none;
}
.tovar-param ul li *{
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.tovar-param ul li span{
	color: #5e5c5c;
	border-bottom: dashed 1px #5e5c5c;
}
.tovar-param ul li:hover span,
.tovar-param ul li.active span{
	color: #a17069;
	border-bottom-color: transparent;
}
.tovar-param ul li:hover img,
.tovar-param ul li.active img{
	-webkit-box-shadow: 0 0 5px #a17069;
	-moz-box-shadow: 0 0 5px #a17069;
	box-shadow: 0 0 5px #a17069;
}
.tovar-param ul li:first-child,
.tovar-param ul li:nth-child(4n+1){
	margin-left: 0;
}
.fotos-header{
	margin: -8px 0 8px;
}
.tovar-fotos li{
	font-size: 0;
	line-height: 0;
	float: left;
	margin: 0 0 5px 5px;
}
.tovar-fotos li:first-child,
.tovar-fotos li:nth-child(4n+1){
	margin-left: 0;
}
/* content off */

/* footer */
.footer{
	position: relative;
	color: #919090;
	width: 960px;
	margin: -165px auto 0;
	height: 165px;
	background: url('../images/footer.jpg') no-repeat center bottom;
}
.up{
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 4px;
	text-align: center;
	margin: 0 0 0 -32px;
	color: #925e57;
	width: 63px;
	padding: 33px 0 0;
	height: 30px;
	text-decoration: none;
	background: url('../images/up.png') no-repeat center center;
}
.footer .inside{
	margin: 67px 0 0;
}
.footer .inside a{
	color: #919090;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.footer .inside a:hover{
	color: #925e57;
}
.inside.left{
	float: left;
	margin-left: 88px;
}
.inside.right{
	float: right;
	margin-right: 66px;
}
.nav-block{
	float: left;
	max-width: 130px;
	margin: 0 0 0 36px;
}
.inside.right .nav-block{
	margin: 0 36px 0 0;
}
.inside ul{
	padding: 1px 0 0 9px;
}
.inside ul li{
	margin: 6px 0 0;
}
.inside ul li:before{
	content: '-';
	position: absolute;
	margin: 0 0 0 -8px;
}
.copy{
	position: absolute;
	left: 50%;
	top: 102px;
	width: 176px;
	text-align: center;
	margin: 0 0 0 -88px;	
}
.dev{
	margin: 12px 0 0;
}
/* footer off */
























/* END */