html {
    min-height: 100%;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Arial';
    color: #262626;
    background-color: #fff;
}

a {
    text-decoration: none;
    color: #ed1c24;
    font-size: 11px;
    font-family: 'Arial';
}

a:hover {
    text-decoration: none;
}

p, .text {
    font-size: 11px;
    color: #717171;
    line-height: 20px;
    font-family: 'Arial';
    margin: 5px 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.clear { clear: both; }
.last { margin-right: 0 !important; }
.hide { display: block; }

#header-wrapper {
    position: relative;
    width: 100%; 
    height: 114px;
    z-index: 10;
    background-color: #451403;
}

#header {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 114px;
    z-index: 12;
}

.logo {
    position: absolute;
    top: 23px;
    left: 0px;
    height: 67px; 
    width: 246px;
    background: url('../images/logo.png') no-repeat;
    z-index: 20;
}

.slider-wrapper { position: relative; width: 100%; height: 410px; background: url('../images/bg-slider.png') repeat-x; }
.slider { position: relative; margin: 0 auto; width: 960px; height: 410px;  z-index: 10; }

.offer-wrapper { position: relative; width: 100%; height: 209px; background-color: #451403; }
.offer { position: relative; margin: 0 auto; width: 960px; height: 209px;  z-index: 10; }

.content-wrapper { position: relative; width: 100%; background-color: #f2f2f2; }
.content-wrapper .content { position: relative; width: 960px; min-height: 387px; margin: 0 auto; }

.white { background-color: #fff; }

.footer-wrapper { position: relative; width: 100%; height: 220px; background: #451403; }
.footer { position: relative; margin: 0 auto; width: 960px; height: 197px;  z-index: 10; background: url('../images/bg-footer.png') repeat-x; }

.footer .box { position: absolute; top: 60px; height: 60px; width: 230px; color: #aa7f71; font-size: 16px; font-family: 'geogrotesque_mdmedium'; line-height: 20px; }

.map-wrapper { position: relative; width: 100%; height: 197px; background-color: #e5e5e5; }
.map { position: relative; margin: 0 auto; width: 960px; height: 197px;  z-index: 10; }

.menu { 
    position: absolute;
    right: 0;
    top: 39px;
}

.menu a {
    position: relative;
    float: left;
    color: #fceecb;
    font-size: 16px;
    font-family: 'geogrotesque_mdmedium';
    z-index: 50;
    padding: 8px 10px;
    text-transform: uppercase;
}

.menu a.active { background-color: #c39c3e; color: #fff; border-radius: 2px; }
.menu a:hover { color: #c39c3e; }
.menu a.active:hover { background-color: #c39c3e; color: #fff; border-radius: 2px; }

.slider-img { position: absolute; width: 100%; height: 410px; top: 0; left: 0; overflow: hidden; }
.slide { position: relative; width: 100%; height: 410px; float: left; }

.slide-1 { background: url('../temp/baner-1.png') no-repeat center top; }
.slide-2 { background: url('../temp/baner-2.png') no-repeat center top; }
.slide-3 { background: url('../temp/baner-3.png') no-repeat center top; }
.slide-4 { background: url('../temp/baner-4.png') no-repeat center top; }


.slider-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 409px;
    z-index: 14;
    overflow: hidden;
}

.slider-desc .item, .baner .item { position: relative; float: left; height: 409px; width: 600px; background: url('../images/bg-slider-desc.png') no-repeat center top; }
.slider-desc .item label, .baner .item label { position: absolute; top: 105px; left: 0; width: 600px; color: #66480a; font-size: 48px; font-family: 'geogrotesque_lglight'; text-align: center; }
.slider-desc .item label+label, .baner .item label+label { color: #c39c3e; top: 156px; }
.slider-desc .item a, .baner .item a { position: absolute; top: 287px; left: 0; width: 600px;  text-transform: uppercase; color: #fff; font-size: 16px; color: #fff; text-align: center; font-family: 'geogrotesque_mdmedium' }
.slider-desc .item a:hover, .baner .item a:hover { color: #66480A; }

.prev-a { position: absolute; left: -169px; top: 154px; width: 46px; height: 100px; background: url('../images/prev.png') no-repeat;  }
.next-a { position: absolute; right: -169px; top: 154px; width: 46px; height: 100px; background: url('../images/next.png') no-repeat;  }
.prev-a:hover, .next-a:hover { opacity: 0.8; }

.nav { position: absolute; top: 380px; left: 412px; height: 3px; width: 300px; z-index: 20; }
.nav a { position: relative; float: left; width: 45px; height: 3px; background: url('../images/nav.png') no-repeat; }
.nav a.active { background-position: -46px 0; }

.box-a { position: relative; float: left; width: 290px; padding-bottom: 20px; }
.box-b { position: relative; float: right; width: 600px; height: 203px; }
.box-c { position: relative; float: right; width: 600px; height: 134px; background: url('../images/allegro.png') no-repeat;  }

h1, h4 { position: relative; float: left;  margin: 50px 0 25px 0; width: 100%; color: #c39c3e; text-transform: uppercase; font-family: 'geogrotesque_lglight'; font-size: 24px; }

.button { position: relative; float: left; margin-top: 16px; padding: 8px 16px; background-color: #c39c3e; border-radius: 3px; text-transform: uppercase; font-family: 'geogrotesque_mdmedium'; font-size: 12px; color: #fff; }
.button:hover { background-color: #451403; }


article { position: relative; float: left; width: 280px;; margin-bottom: 20px; }
article h3 { position: relative; float: left; width: 100%; margin: 0px 0 0px 0; }
article h3 a { color: #2a0e03; font-size: 12px; font-family: 'Arial'; font-weight: bold;  }
article h3 span {  color: #717171; font-size: 11px; font-family: 'Arial'; }
article p {  position: relative; float: left; width: 100%; }
article .more-a { color: #c39c3e; font-weight: bold; font-size: 11px; }
article .more-a:hover { text-decoration: underline; }
article+article { float: right; }

.news-archive { position: absolute; top: 60px; right: 0; color: #717171; font-size: 11px; font-family: 'Arial'; }
.auction-btn { position: absolute; top: 90px; left: 29px; width: 150px; height: 30px; }
.auction-txt { position: absolute; top: 40px; left: 29px; width: 250px;  font-size: 12px; font-family: 'Arial'; color: #fff; line-height: 18px; }

#project { position: absolute; top: 161px; right: 0; font-family: 'Arial'; color: #ffffff; font-size: 12px; }
#project a { color: #ffffff; font-family: 'Arial'; font-size: 12px; }
#project a:hover { text-decoration: underline; }

#copyright { position: absolute; top: 161px; left: 0; font-family: 'Arial'; color: #ffffff; font-size: 12px; }
#copyright span { color: #ffffff; }

.show-map { position: absolute; top: 265px; left: 0; width: 208px; height: 51px; background: url('../images/map.png') no-repeat; }
.show-map:hover { opacity: 0.9; }

.mapa { position: absolute; top: 0; left: 0; width: 100%; height: 197px; }
.promo { background: url('../images/promo.png') no-repeat;  }

.prev-o { position: absolute; top: 250px; left: 0; width: 31px; height: 31px; background: url('../images/prev-o.png') no-repeat; }
.next-o { position: absolute; top: 250px; left: 37px; width: 31px; height: 31px; background: url('../images/next-o.png') no-repeat; }

.prev-o:hover, .next-o:hover { opacity: 0.9; }
.promo-text { color: #000; font-size: 14px; font-family: 'geogrotesque_smbdsemibold'; position: absolute; top: 160px; left: 0; width: 210px; }
.promo-box { position: absolute; top: 29px; right: 0; height: 326px; width: 749px; }
.promo-btn { position: relative; float: right; width: 179px; height: 326px; background: url('../images/promo-btn.png') no-repeat; }


.offer-slider { position: relative; float: left; width: 570px; height: 100%; }
.offer-slider .item { position: relative; float: left; width: 153px; height: 326px; padding: 0 13px; background-color: #fff; margin-right: 11px; border-radius: 2px; text-align: center; }
.offer-slider .item h3 { position: relative; float: left; width: 153px; color: #2a0e03; font-size: 14px; text-align: center; font-family: 'geogrotesque_smbdsemibold'; margin-top: 25px; }
.offer-slider .item img { padding-top: 8px; border: none; }
.offer-slider .item .buy { position: absolute; left: 13px; bottom: 15px; width: 153px; height: 31px; background: url('../images/buy.png') no-repeat;   }
.offer-slider .item .buy:hover { opacity: 0.9; }
.offer-slider .item .price { position: absolute; top: 235px; left: 13px; font-size: 24px; color: #c80d22; width: 153px; text-align: center; font-family: 'geogrotesque_smbdsemibold'; }
.offer-slider .item .price span { font-size: 16px; }
.offer-slider .item p { position: absolute; top: 185px;  }
  
.offer-list { position: absolute; left: 0; top: 117px; height: 92px; width: 955px; padding-left: 5px; }  
.offer-list .item { position: relative; float: left; width: 75px; height: 92px; margin: 0 10px; border-radius: 5px 5px 0 0; color: transparent; }
.offer-list .item img { position: relative; float: left; }
.offer-list .item label { position: relative; float: left; width: 75px; color: #8f7e55; font-size: 14px; text-transform: uppercase; font-family: 'geogrotesque_smbdsemibold'; text-align: center; margin-top: -4px; }
.offer-list .item.active { background-color: #f2f2f2; }

.offer h6 { position: relative; float: left; width: 960px; text-transform: uppercase; text-align: center; font-size: 39px; color: #c39c3e; font-family: 'geogrotesque_lglight'; margin-top: 40px; }

.baner-wrapper { position: relative; width: 100%; height: 291px; background: url('../images/baner.png') no-repeat; }
.baner-wrapper .baner { position: relative;  width: 960px; margin: 0 auto; height: 291px; }

.c-left { position: relative; float: left; width: 200px; }
.c-right { position: relative; float: right; width: 730px; }
.c-right-offer { position: relative; float: right; width: 749px; }

.menu-wr { position: relative; float: left; background-color: #451403; padding: 26px 13px 15px 13px; width: 174px; margin: 30px 0; border-radius: 2px; }

.spx { padding-bottom: 15px; border-bottom: 1px solid #c39c3e; }

#gallery {
    position: relative;
    float: right;
    width: 730px;
    margin: 20px 0;
    
}

.glx { position: relative; width: 730px;  margin-top: 8px; float: left; margin-bottom: 30px; float: left; }
.glx img { position: relative; float: left; padding: 2px; border: 1px solid #C39C3E; margin: 0 13px 13px 0; }
.glx img.last { margin-right: 0; }
.glx a { position: relative; float: left; }
.glx a span { position: absolute; top: 3px; left: 3px; width: 142px; height: 98px;  background: url('../images/hv.png') no-repeat; z-index: 10; display: none; }
.glx a:hover img { opacity: 0.9; }

.frm { position: relative; float: left; width: 100%; }
.frm .item { position: relative; float: left; width: 100%; margin-bottom: 7px; }
.frm .item label { position: relative; float: left; width: 112px; color: #451403; font-size: 12px; font-family: 'Arial'; font-weight: bold; text-align: right; margin: 15px 0; padding: 0 8px 0 0; }
.frm .item label span {  color: #BA1415; }
.frm .item .i-area { position: relative; float: left; border: 1px solid #E2CE9E; padding: 4px; background-color: #fff; }
.frm .item .i-area input { position: relative; float: left; border: 1px solid #E2CE9E; height: 31px; width: 169px; background-color: #fff; padding: 0 9px; font-family: 'Arial'; font-size: 12px; color: #707070; }
.frm .item .i-area textarea { position: relative; float: left; border: 1px solid #E2CE9E; height: 111px; width: 476px; background-color: #fff; padding: 5px 9px; font-family: 'Arial'; font-size: 12px; color: #707070; }
.frm .item .button { position: relative; float: right; border: 0; margin-right: 103px; font-size: 14px; cursor: pointer; margin-top: 10px; padding: 5px 11px; background-color: #451403; color: #fff; font-family: 'geogrotesque_lglight';}
.frm .item p { position: relative; float: left; font-size: 12px; color: #451403; margin: 18px 0 0 120px;}
.frm .item p span {  color: #BA1415; }
.frm .item .msg { position: relative; float: left; border: 1px solid #fff; padding: 10px 0; background-color: #BA1415; width: 505px; color: #fff; text-align: center; font-family: 'geogrotesque_smbdsemibold'; font-size: 12px; margin-left: 119px; margin-bottom: 10px;  }
.frm .item .msg.success { background-color: #249A46; }


.news-area { position: relative; float: left; margin: 0;  width: 100%; }
.news-area .item { position: relative; float: left; width: 695px; height: 112px; margin: 10px 0 30px 0; }
.news-area .item img { position: relative; float: left; padding: 4px; border: 1px solid #C39C3E; margin: 0 25px 0 0; background-color: #FEF9ED; }
.news-area .item h3 { position: relative; float: left; font-size: 15px; color: #451403; font-family: "geogrotesque_mdmedium"; width: 475px; margin: 0 0 7px 0; }
.news-area .item h3 a { font-size: 15px; color: #451403; font-family: "geogrotesque_mdmedium"; }
.news-area .item p { position: relative; float: left; font-size: 12px;  width: 540px; }
.news-area .item a { position: relative; float: left; font-size: 12px; color: #C39C3E; font-family: 'Arial'; margin-top: 7px; }
.news-area .item a:hover { text-decoration: underline; } 

.tree { list-style: none; font-family: 'Arial'; font-size: 12px; color: #f8b7b7; font-weight: bold; position: relative; float: left; padding: 0; margin: 0; margin-top: -5px; }
.tree li { position: relative; float: left;  background-color: #722a11; border-radius: 2px; margin-bottom: 3px; }
.tree li a { color: #dfa794;  font-family: 'Arial'; font-weight: bold; width: 134px;  font-size: 12px; position: relative; float: left;  padding: 8px 20px; }
.tree .level-1 { width: 150px; }
.tree li.active, .tree li:hover { background-color: #c39c3e;  }
.tree li.active a, .tree li:hover a {  color: #fff; }

.tree .tree { margin: 10px 0; }
.tree .tree li  { background: #451403; width: 100%; margin: 0; padding-bottom: 3px; padding-right: 8px; }
.tree .tree li a { color: #fff; font-weight: normal;  padding: 5px 8px; }
.tree .tree li.active, .tree .tree li:hover { background-color: #451403; }
.tree .tree li.active a, .tree .tree li:hover a { color: #ed1c24; }

.hide { display: none; }

.sld { overflow: hidden; }
.sld .inside { position: relative; float: left; width: 5000px; height: 326px; }


/*FB_WIDGET*/
.fb-widget-box{
	display:flex;
	position:fixed;
	z-index:1000;
	top: 80px;
	left:-300px;
	transition:0.2s linear;
}
.fb-widget-box .fb-page{
	width:300px;
}
.fb-widget-button{
	width:80px;
	height:80px;
	background:url(../images/fb-icon-big.jpg) no-repeat;
	cursor:pointer;
}
/*FB_WIDGET*/


.instagram-button:link, .instagram-button:visited{
    display: block;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
	width:80px;
	height:80px;
	background:url(../images/instagram.png) no-repeat;
	cursor:pointer;
}

.wagrador{
    display: block;
    width: 300px;
    height: 74px;
    line-height: 74px;
    background: url(https://www.grador.pl/admin/upload/whats_1718275271.png) left center no-repeat;
    padding-left: 90px;
    color: #c39c3e;
    font-family: 'geogrotesque_lglight';
    font-weight: bold;
    font-size: 16px;
}


.wagrador-foot{
    display: block;
    width: 250px;
    height: 35px;
    line-height: 35px;
    background: url(https://www.grador.pl/admin/upload/whats_1718275271.png) left center no-repeat;
    background-size: contain;
    padding-left: 45px;
    color: #c39c3e;
    font-family: 'geogrotesque_lglight';
    font-weight: bold;
    font-size: 14px;
}