/*

  CSS-разметчик
  http://wdevblog.net.ru

*/

/* common */
html, body, img, form {margin: 0px; padding: 0px; border: none;}
html, body {height:100%;}
body {background:#000 url('img/bg-top.png') top left repeat-x;}
body, td {font: 13px Trebuchet MS, serif; color: #8a8a8a;}
a {color: #957e54;	text-decoration: underline;}
a:hover {text-decoration: none;}
table {border: 0px; border-collapse: collapse;}
td {vertical-align: top;}
p {padding: 0px; margin: 0px 0px 12px 0px;}
object {outline:none;}

h1 {font-size:17px; padding: 0px; margin: 0px 0px 10px 0px;}
h2 {font-size:15px; padding: 0px; margin: 0px 0px 10px 0px;}
h3 {font-size:13px; padding: 0px; margin: 0px 0px 10px 0px;}

.clear {clear:both;}
.none {line-height:0;}
.relative {position:relative;}
.img-marg {float:left; margin:0 10px 5px 0;}
.float-l {float:left;}
.float-r {float:right;}
.hfeed .posts {margin-bottom:10px;}

hr.ln {	background:url(img/line.png) no-repeat top center; height:2px; border:none !important;}

.main-cont {width:980px; margin:0 auto; min-height:100%; }


/* left col */
.left-col {width:200px; float:left; overflow:hidden;}

.logo-left {margin:10px 0px 10px 0px;}
.logo-left h2 {font-size:28px; text-align:center; color:#f8f8f8;}
.logo-left h2 a {color:#f8f8f8; text-decoration:none;}
.logo-left h3{font-size:12px; font-weight:normal; font-style:italic; color:#f8f8f8;}

.left-col .padding {padding:20px 20px 180px 20px;}
.main-menu {margin:0px 0px 50px 0px;}
.main-menu ul {margin:0px; padding:0px;}
.main-menu ul  li {list-style:none; font-size:16px;  line-height:26px;  text-transform: uppercase; background:url(img/menu-line.png) repeat-x bottom center; margin-bottom:4px;}
.main-menu ul  li.active {text-align:right; }
.main-menu ul  li.active a {color:#6f6e6b;}
.main-menu ul  li a {text-decoration:none; color:#d0ceca;}
.main-menu ul  li  a:hover {color:#8E7952;}
.main-menu ul  li  a:active {color:#6F6E6B;}

.dop-menu {margin:0px 0px 50px 0px;}
.dop-menu h2 {color: #8E7952; font-size: 16px; text-transform: uppercase;}
.dop-menu ul {margin:0px; padding:0px;}
.dop-menu ul  li {list-style:none; font-size:14px;  line-height:26px; background:url(img/menu-line.png) repeat-x bottom center; margin-bottom:4px;}
.dop-menu ul  li.active {text-align:right; }
.dop-menu ul  li.active a {color:#6f6e6b;}
.dop-menu ul  li a {text-decoration:none; color:#d0ceca;}
.dop-menu ul  li a:hover {color:#6f6e6b;}
.dop-menu ul  li a:hover {color:#8E7952;}
.dop-menu ul  li a:active {color:#6F6E6B;}

/* center col */
.center-col {width:578px; float:left; overflow:hidden; background-color:#000; 
border-left:1px solid #b15f2d; border-right:1px solid #b15f2d;}

.center-top {position:relative;}
.center-logo h2 {color:#967f55; font-size:18px; font-weight:normal; text-align:center; font-family:'Conv_Uk_AdverGothic',Sans-Serif;}

.center-top-podrobno {position:relative; margin-top:10px; text-align:center;}
.center-top-podrobno h2 {color:#967f55; font-size:18px; font-weight:normal; text-align:center; font-family:'Conv_Uk_AdverGothic',Sans-Serif;}
.center-top-podrobno h3 {text-align:center; color:#f8f8f8; margin-bottom:5px; font-size:16px;}
.center-top-podrobno img {border:1px solid #513e18; width:552px; padding:2px; margin:5px;}

.info-podrobno h3 { font-size:13px; color:#6d5c3e; margin-bottom:2px; }
.info-podrobno h4 { font-size:15px; margin:0px; color:#727272; margin-bottom:10px; font-weight:normal;}
.info-podrobno h4.cena {font-size:16px; color:#f8f8f8;}
.info-podrobno h4.dost {font-size:14px;  text-transform:uppercase; margin-top:10px;}

p.podpis {text-align:center; font-style: italic; font-size:16px;}
p.podpis span {font-size:12px; font-weight:normal;}

.center-col .padding {padding:20px 10px 180px 14px;}
.center-col .padding.top-zag {padding-top:0px;}

ul.katalog {padding:0px; margin:0px;}
ul.katalog a {text-decoration:none; color:#D0CECA;}
ul.katalog a:hover {color:#8E7952;}
ul.katalog a:active {color:#6F6E6B;}
ul.katalog  li {list-style:none; padding:3px 4px 0px 4px; margin:0px 4px 4px 0px; float:left; border:1px solid #513e18;}
ul.katalog  li:hover {padding:1px 3px 0px 3px; margin:0px 4px 4px 0px; border:2px solid #513e18;}
ul.katalog  li:active {padding:3px 4px 0px 4px; margin:0px 4px 4px 0px; border:1px solid #513e18;}
ul.katalog  li img {width:170px;}
ul.katalog  li h3 {text-align:center;}

ul.katalog-list {padding:0px; margin:0px;}
ul.katalog-list a {text-decoration:none;}
ul.katalog-list a:hover h3 {color:#f8f8f8;}
ul.katalog-list a:active h4 {color:#6F6E6B;}
ul.katalog-list  li {list-style:none; padding:3px 4px 0px 4px; margin:0px 4px 4px 0px; float:left; border:1px solid #513e18;}
ul.katalog-list  li:hover {padding:2px 3px 0px 3px; margin:0px 4px 3px 0px; border:2px solid #513e18;}
ul.katalog-list  li:active {padding:3px 4px 0px 4px; margin:0px 4px 4px 0px; border:1px solid #513e18;}
ul.katalog-list  li img {width:170px;}
ul.katalog-list  li a h3 {text-align:center; color:#6d5c3e; margin-bottom:5px;}
ul.katalog-list  li a h4 {text-align:right; font-size:13px; margin:0px; color:#727272; margin-bottom:2px;}
ul.katalog-list li:hover a h3 {color:#6d5c3e;}
ul.katalog-list li:hover a h4 {color:#f8f8f8;}

/* right col */
.right-col {width:198px; float:left; overflow:hidden; }

.logo-right {margin:10px 0px 10px 5px;}
.logo-right h2 {font-size:28px; text-align:center;}
.logo-right h3{font-size:12px; font-weight:normal; font-style:italic;}

.right-col .padding {padding:10px 10px 180px 10px;}

.kontakt-right h2 {font-family:verdana; color:#f8f8f8;}
.kontakt-right p {color:#8e7952; font-size:14px; }
.kontakt-right p span{font-size:12px; font-weight:normal; font-style:italic;}

.info-right  {margin:40px 0px 0px 0px}
.info-right h2 {font-family:verdana; color:#f8f8f8;}
.info-right p {color:#8e7952; font-size:14px; }
.info-right ul {margin:0px 0px 10px 0px; padding:0;}
.info-right ul li {list-style:none;}

.backtotop {
    background: url("assets/js/go-up.png") no-repeat scroll 0 0 transparent;
    height: 48px;
    width: 48px;
}

.backtotop:hover{
    background: url("assets/js/go-up-hover.png") no-repeat scroll 0 0 transparent;
    height: 48px;
    width: 48px;
}

/* footer */
.footer {width:980px; margin:0 auto; position:relative; }
.footer-b {width:100%; height:180px; background:url('img/bg-footer.jpg') bottom center no-repeat; position: absolute; top:-180px; left:0; z-index:10;}
.footer-logo {position:absolute; top:-130px; left:220px; width:120px; height:100px; z-index:20;}
.footer-info {position:absolute; top:-130px; left:360px; width:220px; height:100px; z-index:20;}
.footer-kont {position:absolute; top:-130px; left:580px; width:220px; height:100px; z-index:20;}