html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}
html, body { height: 100%;}
body { min-width: 1000px; font: 14px/14px Arial, sans-serif;; color: #000000; background: fixed #aca499 url("../images/fix-bg.jpg") 50% 132px no-repeat;}
img { border: none;}
a { cursor: pointer; color: #b3874e; text-decoration: none;}
a:hover { color: #b60610;}
p { margin-bottom: 13px;}
h1, h2, h3, h4, h5, h6 { margin-bottom: 11px; font-weight: bold; line-height: normal; text-transform: uppercase; color: #5a4635;}
h1 { font-size: 25px;}
h2 { font-size: 21px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}
input[type='submit'], input[type='button'] { cursor: pointer;}
ol, ul { margin-bottom: 25px;}
li { list-style: none;}

.thead:after, .page-tx:after, .foot-cont:after, .coll-filter:after, .card:after, .card-list-item:after { content: ''; display: table; clear: both;}


.main { height: 100%; min-height: 100%; height: auto !important;}


.header-wr { width: 100%; position: fixed; z-index: 20;}

.thead-wr { height: 132px; background: #5a4634 url("../images/h-glow.png") 50% 0 no-repeat;}
.thead { width: 950px; margin: 0 auto; padding: 52px 25px 8px;}
.req-link, .head-tel { max-width: 370px;}
.req-link { padding-top: 2px; float: left;}
.req-link a { padding-bottom: 1px; color: #beb7af; border-bottom: 1px dashed #beb7af;}
.req-link a:hover { color: #b60610; border-color: #b60610;}
.head-tel { font-size: 21px; line-height: 25px; color: #beb7af; float: right;}

.nav-wr { border-top: 1px solid #685545; border-bottom: 1px solid #685545;background: #dedad6; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedad6), to(#9c9084)); background: -webkit-linear-gradient(#dedad6, #9c9084); background: -moz-linear-gradient(#dedad6, #9c9084); background: -ms-linear-gradient(#dedad6, #9c9084); background: -o-linear-gradient(#dedad6, #9c9084); background: linear-gradient(#dedad6, #9c9084); -pie-background: linear-gradient(#dedad6, #9c9084); position: relative;}
.nav { display: table; width: 1000px; margin: 0 auto; border-collapse: collapse; position: relative;}
.nav:before, .nav:after { content: ''; display: block; width: 1px; height: 36px; position: absolute; top: 0;}
.nav:before { background: url("../images/sprite.png") -61px -84px no-repeat; left: -1px;}
.nav:after { background: #685545; right: -1px;}
.nav ul { display: table-row;  margin: 0;}
.nav li { display: table-cell; height: 36px; line-height: 36px; text-transform: uppercase; text-align: center;}
.nav li a { display: block; height: 36px; padding: 0 20px; color: #5a4635; text-decoration: none; border-left: 1px solid #695747; position: relative;}
.nav li.third a { padding-right: 144px;}
.nav li.fourth a { padding: 0 24px 0 72px;}
.nav li:nth-child(3) a { padding-right: 144px;}
.nav li:nth-child(4) a { padding: 0 24px 0 72px;}
.nav li a:after { content: ''; display: block; width: 1px; height: 36px; background: url("../images/sprite.png") -61px -84px no-repeat; position: absolute; top: 0; right: 0}
.nav li a:hover, .nav li.active a { background: #b60610; color: #ffffff;}

.bhead { width: 950px; margin: 0 auto; padding: 21px 25px 0; background: #ffffff; }

.pan-logo { width: 191px; height: 166px; position: absolute; top: 0; left: 50%; margin-left: -96px; padding-top: 10px; background: url("../images/pan-logo.png") no-repeat; z-index: 10;}
.logo { width: 138px; margin: 0 auto;}
.logo a { display: block; height: 100px; background: url("../images/logo.png") no-repeat;}


.page { width: 950px; margin: 0 auto 6px; padding: 185px 25px 54px; background: url("../images/white-bg.png") repeat; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .36); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .36); box-shadow: 0 0 6px rgba(0, 0, 0, .36); position: relative; z-index: 10;}
.ie8 .page { box-shadow: 0 0 6px #827065;}

.auth-d { padding-bottom: 10px; font-size: 12px; text-align: center; letter-spacing: .11em; position: relative; z-index: 20;}

.collection { margin-bottom: 21px; padding: 20px 0 1px; background: #ece7e3;}

.monogram-wr { text-align: center;}
.monogram { display: inline-block; padding: 0 176px 16px; position: relative;}
.monogram:before, .monogram:after { content: ''; display: block; width: 164px; height: 40px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 0;}
.monogram:before { left: 0; background-position: 0 0;}
.monogram:after { right: 0; background-position: 0 -42px;}
.monogram h2 { margin-bottom: 5px;}
.n-collection { color: #b3874e; text-transform: uppercase;}

.page-tx { margin-bottom: 9px;}
.page-tx ul { margin-bottom: 34px;}
.page-tx li { margin-bottom: 4px;}
.page-tx li:before { content: '►'; color: #d9c9b4; margin-right: 10px;}
.page-tx table { margin-bottom: 20px; border-collapse: collapse; width: 100%;}
.page-tx td { border: 1px solid #d9c9b4; padding: 9px 14px;}

.collection-list, .tips-list, .coll-list { width: 920px; margin: 0 auto; overflow: hidden; position: relative;}

.collection-list ul { margin: -16px 0 0; font-size: 0;}

.collection-list li, .tips-list li, .coll-list li { width: 210px; padding: 0 10px 15px; display: inline-block; vertical-align: top; text-align: center;}
.collection-list li:before, .tips-list li:before, .coll-list li:before { content: ''; display: block; width: 901px; height: 1px; background: #ffffff; position: absolute;}

.collection-list li:before { left: 10px;}
.item-img { display: block; padding: 21px 0 9px;}

.item-img a, .sections-item-img a { display: inline-block; vertical-align: top; border: 5px solid #ffffff; -webkit-box-shadow: 1px 1px 5px rgba(130, 115, 102, .77); -moz-box-shadow: 1px 1px 5px rgba(130, 115, 102, .77); box-shadow: 1px 1px 5px rgba(130, 115, 102, .77); position: relative;}
.ie8 .item-img a, .ie8 .sections-item-img a, .ie8 .card-item, .ie8 .card-list-item li { box-shadow: 1px 1px 5px #b6aca4;}
.item-img a { height: 110px; position: relative;}

.item-img a:hover { border-color: #b60610;}
.trigon { width: 59px; height: 59px; background: url("../images/sprite.png") 0 -84px no-repeat; position: absolute; right: -5px; bottom: -5px;}
.n-item { display: block; width: 36px; height: 14px; font-size: 14px; color: #5a4635; text-align: center; position: absolute; bottom: 10px; right: -3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.ie8 .n-item { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"; bottom: 20px;}

.name-item { font-size: 14px; line-height: 17px; color: #5a4635; text-transform: uppercase;}
.name-item a { color: #5a4635;}

.breadcrumbs { margin-bottom: 34px; padding: 8px 14px; background: #f0ece9; font-size: 12px; line-height: 14px; color: #5a4635; letter-spacing: .07em;}
.separator { margin: 0 10px; color: #d9c9b4;}

.fabrica { padding: 0 23px;}
.fabrica .monogram-wr { padding-bottom: 10px;}

.catalog > .monogram { padding-bottom: 18px;}

.sections { margin-bottom: 25px;}
.sections-list { width: 950px; overflow: hidden;}
.sections-list ul { width: 110%; margin: 0; font-size: 0;}
.sections-list li { display: inline-block; width: 304px; margin: 0 16px 16px 0; padding: 25px 0 7px; border: 1px solid #ece7e3; text-align: center;}
.sections-list li:hover, .sections-list li.active { background: #ece7e3;}
.sections-item-img { margin-bottom: 11px;}
.sections-item-img a { height: 88px;}
.sections-item-name { display: inline-block; width: 257px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #ece7e3; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #5a4635;}
.sections-item-name a { color: #5a4635;}
.sections-list li:hover .sections-item-name, .sections-list li.active .sections-item-name { border-color: #ffffff;}
.sections-item-descr { display: inline-block; width: 250px; font-size: 14px;}

.tips { margin-bottom: 23px; padding-top: 20px; background: #ece7e3;}
.tips h2 { margin: 0; padding: 0 25px;}
.tips-list ul { margin: -7px 0 0; font-size: 0;}
.tips .name-item { padding: 0 5px;}

.coll-container { margin-bottom: 25px; padding-top: 25px; background: #ece7e3;}
.coll-filter { margin-bottom: 11px; padding: 0 22px; position: relative;}
.filter-item { margin-right: 9px; float: left; position: relative;}
.filter-item span { display: block; padding: 7px 39px 7px 12px; border: 1px solid #d9c9b4; background: #ffffff; font-size: 12px; letter-spacing: .086em; position: relative;}
.filter-item span:after { content: ''; display: block; width: 9px; height: 5px; background: url("../images/sprite.png") -100px -84px no-repeat; position: absolute; top: 12px; right: 11px;}
.filter-item select { width: 100%; padding: 5px 0; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0)}

.coll-list ul { margin: -19px 0 0; font-size: 0;}
.coll-list li a { height: 200px;}
.coll-list .item-img { padding-top: 24px;}
.mark { display: block; width: 22px; height: 17px; background: url("../images/sprite.png") -64px -84px no-repeat; position: absolute; right: 6px; bottom: 6px;}
.coll-list .name-item { font-weight: bold;}
.item-descr { padding: 2px 35px 6px; font-size: 12px; color: #b3874e;}

.card { margin-bottom: 25px; padding: 20px 25px 25px; background: #ece7e3; position: relative;}

.card-c1, .card-c2 { width: 438px;}
.card-c1 { padding: 5px 0 44px; float: left;}

.card-item-wr { position: relative;}
.card-item, .card-list-item li { border: 5px solid #ffffff; -webkit-box-shadow: 1px 1px 5px rgba(130, 115, 102, .77); -moz-box-shadow: 1px 1px 5px rgba(130, 115, 102, .77); box-shadow: 1px 1px 5px rgba(130, 115, 102, .77); position: relative;}
.card-item { margin-bottom: 18px;}
.card-item img { vertical-align: top;}
.gar { position: absolute; bottom: 25px; left: 26px;}
.gar ul { margin: 0;}
.gar li { margin-top: 8px;}
.gar li img { vertical-align: top;}

.card-list-item { width: 448px; margin-left: -5px; padding: 0 5px; overflow: hidden;}
.card-list-item ul { width: 110%;}
.card-list-item li { width: 200px; height: 200px; margin: 0 18px 18px 0; float: left;}

.card-c2 { float: right;}

.card-c2 h2 { min-height: 28px; margin-bottom: 2px;}
.collection-link { min-height: 15px; margin-bottom: 14px; text-transform: uppercase; color: #b3874e;}
.l-item { min-height: 22px; margin-bottom: 22px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #94bf85;}
.l-item:before { content: ''; display: inline-block; width: 24px; height: 18px; background: url("../images/sprite.png") -100px -111px no-repeat;}
.card-table { margin-bottom: 27px; border: 5px solid #ffffff;}
.card-table table { width: 100%; border-collapse: collapse;}
.card-table tr { border-top: 1px solid #ffffff;}
.card-table tr:first-child { border: none;}
.card-table td { padding: 8px 12px 8px 0; text-align: right;}
.card-table td:first-child { padding-left: 9px; text-align: left;}
.tel-info { display: table; width: 100%; margin-bottom: 14px; color: #beb7af; background: url("../images/pr-tel.png") repeat-y; border-collapse: collapse;}
.tel-info span { display: table-cell; padding: 8px 15px; vertical-align: middle;}
.tel-info .n-tel { padding-left: 0; font-size: 21px; line-height: 25px; color: #ffffff;}

.online { margin-bottom: 7px;}
.online-title { margin-bottom: 14px; text-transform: uppercase; color: #5a4635;}
.line-f { margin-bottom: 7px; background: #ffffff;}
.line-f input, .line-f textarea { width: 410px; background: none; border: none; font: 14px Arial, sans-serif; color: #5a4635;}
.line-f input { height: 33px; padding: 0 14px; line-height: 33px;}
.line-f textarea { height: 98px; padding: 9px 14px; line-height: 14px; resize: none; overflow: auto;}

.discount-link { margin-bottom: 3px; text-align: right; font-size: 21px; line-height: 23px;}
.discount-link a { padding-bottom: 3px; border-bottom: 1px dashed #b3874e;}
.discount-link a:hover {border-color: #b60610;}

.delivery-link { width: 438px; margin-bottom: -44px; clear: both; position: relative; top: -35px;}
.delivery-link a { display: inline-block; margin-bottom: 8px; text-transform: uppercase;}

.previous-arrow, .next-arrow { width: 50px; height: 40px; position: absolute; top: 123px; background: #ffffff;}
.previous-arrow { left:-25px;}
.next-arrow { right: -25px;}
.previous-arrow a, .next-arrow a { display: block; width: 24px; height: 25px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 8px;}
.previous-arrow a { background-position: -111px -84px; left: 20px;}
.previous-arrow a.active { background-position: 0 -165px;}
.previous-arrow a.active:hover { background-position: -26px -165px;}
.next-arrow a { background-position: -137px -111px; right: 20px;}
.next-arrow a.active { background-position: -137px -84px;}
.next-arrow a.active:hover { background-position: -64px -111px;}


.footer { height: 44px; margin-top: -44px; background: #5a4634 url("../images/f-bg.png") 50% 0 no-repeat; position: relative; z-index: 20;}
.footer:before { content: ''; display: block; width: 100%; height: 18px; background: url("../images/sprite.png") 0 -145px repeat-x; position: absolute; top: -9px; left: 0;}
.foot-cont { width: 950px; margin: 0 auto; padding: 19px 25px 0; color: #beb7af;}
.foot-cop { max-width: 700px; float: left;}
.foot-tel { max-width: 200px; float: right;}