html {
    min-height: 100%;
}

.oferta-info{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    color: #c01919;
    text-transform: uppercase;
    font-family: 'titilliummaps26l750_wt';
    font-size: 20px;
}

.oferta-info a{
    color: #c01919;
    text-transform: uppercase;
    font-size: 20px;
}

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: 12px;
    color: #1c2453;
    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: 255px;
    z-index: 10;
    background: url('../images/bg-header.png') repeat-x;
}

#header {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 255px;
    z-index: 12;
    background: url('../images/bg-menu.png') no-repeat center bottom;
}

#phone {
    position: absolute;
    top: 44px;
    right: 0px;
    height: 38px; 
    width: 239px;
    background: url('../images/phone.png') no-repeat left bottom;
    z-index: 20;
    text-align: right;
    color: #c01919;
    font-size: 33px;
    font-family: 'titilliummaps26l250_wt';
}

#phone span { font-size: 18px; }

#mail{
    position: absolute;
    top: 87px;
    right: 0px;
    z-index: 20;
    color: #8d1212;
    font-size: 14px;
    font-family: 'titilliummaps26l500_wt';
}

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

#logo-page {
    position: absolute;
    top: 54px;
    left: 0px;
    height: 53px; 
    width: 242px;
    background: url('../images/logo-p.png') no-repeat;
    z-index: 20;
}


.start-wrapper { position: relative; width: 100%; height: 1027px; background: url('../images/bg-start.png') repeat-x; }
.start-wrapper .bg { position: absolute; bottom: 0; left: 0; height: 597px; width: 100%; background: url('../images/bg-start-bg.png') repeat-x; }

.slider { position: relative; margin: 0 auto; width: 960px; height: 578px; /* usuniety talerz -> background: url('../images/bg-slider.png') no-repeat; */ z-index: 10; }
.slider.sub { height: 477px; }

.slider-img { position: absolute; top: -183px; left: 0; width: 100%; height: 782px;  z-index: 5; overflow: hidden; }
.slider-img.sub { height: 632px; }
.slider-img .slide { position: relative; float: left; width: 100%; height: 782px; }
.slider-img .slide.sub { height: 632px; background-size: contain !important; }
.slider-img .slide.slide-1 { background: url('../temp/slide-1.png') no-repeat center top;   }
.slider-img .slide.slide-2 { background: url('../temp/slide-2.png') no-repeat center top;   }
.slider-img .slide.slide-3 { background: url('../temp/slide-3.png') no-repeat center top;   }
.slider-img .slide.slide-4 { background: url('../temp/slide-4.png') no-repeat center top;   }
.slider-img .slide.slide-5 { background: url('../temp/slide-5.png') no-repeat center top;   }
.slider-img .slide.slide-6 { background: url('../temp/slide-6.png') no-repeat center top;   }

.see-offer { position: absolute; top: 158px; left: 510px;  width: 180px; height: 40px; z-index: 20; }

.body-start { background: url('../images/body-start.png') repeat-x; }
.body-page { background: url('../images/body-page.png') repeat-x; }

.menu { 
    position: absolute;
    left: 98px;
    top: 165px;
}

.menu a {
    position: relative;
    float: left;
    color: #fff;
    font-size: 16px;
    font-family: 'titilliummaps26l500_wt';
    z-index: 50;
    padding-right: 70px;
    text-transform: uppercase;
    background: url('../images/menu-item.png') no-repeat right 20px center;
}

.menu a.last { background: none; padding: 0; }
.menu a.active, .menu a:hover {   color: #ff9595; }

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

.map-wrapper { position: relative; width: 100%; min-height: 393px; background: url('../images/bg-map.png') repeat-x; overflow: hidden; }
.map-wrapper .map { position: relative; width: 960px; min-height: 393px; margin: 0 auto; }

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

#project { position: absolute; top: 140px; left: 0; font-family: 'titilliummaps26l500_wt'; color: #1c2453; font-size: 14px; }
#project a { color: #c01919; font-family: 'titilliummaps26l500_wt'; font-size: 14px;}
#project a:hover { text-decoration: underline; }

#copyright { position: absolute; top: 55px; left: 0; font-family: 'titilliummaps26l500_wt'; color: #1c2453; font-size: 16px; }
#copyright span { color: #c01919;   }

.map-wrapper .mapa { position: absolute; top: 20px; left: 0; width: 100%; height: 600px; background-color: #e5e5e5; }
.button-map-open { position: absolute; left: 414px; top: -46px; width: 133px; height: 83px;  background: url('../images/map.png') no-repeat; }
.button-map-open:hover { opacity: 0.9; } 

.bx-a { position: relative; float: left; width: 450px; height: 448px; }
.bx-a h5, .bx-b h5 { position: relative; float: left; background: url('../images/h5.png') no-repeat center center; margin: 80px 0 25px 0; color: #c01919; text-transform: uppercase; font-family: 'titilliummaps26l750_wt'; font-size: 24px; width: 100%; text-align: center; }
.bx-a p { position: relative; float: left; width: 100%; text-align: center; color: #1c2453; }

.button-a { position: relative; float: left; width: 134px; height: 52px;  background: url('../images/button.png') no-repeat; margin: 15px 0 0 162px; color: #fff; font-size: 12px; text-transform: uppercase; font-family: 'titilliummaps26l999_wt'; text-align: center; padding: 31px 0 0 0;}
.button-a:hover { opacity: 0.9; } 

.bx-b { position: relative; float: right; width: 450px; height: 448px; }
.bx-b article { position: relative; float: left; width: 100%; margin-bottom: 20px; }
.bx-b article h3 { position: relative; float: left; width: 100%; text-align: center; margin: 5px 0 7px 0; }
.bx-b article h3 a { color: #1c2453; font-size: 12px; font-family: 'Arial'; font-weight: bold; text-transform: uppercase;  }
.bx-b article h3 span {  color: #c01919; font-size: 11px; font-family: 'Arial'; }
.bx-b article p {  position: relative; float: left; width: 100%; text-align: center; color: #616161; }
.bx-b article .more-a {  position: relative; float: left; width: 100%; text-align: center; color: #c01919; font-weight: bold; margin-top: 5px;  }
.bx-b article .more-a:hover { text-decoration: underline; }


.offer { position: relative; width: 960px; height: 449px; margin: 0 auto;}
.offer h5 { position: relative; float: left; background: url('../images/h5-b.png') no-repeat center center; margin: 0px 0 25px 0; color: #fff; text-transform: uppercase; font-family: 'titilliummaps26l750_wt'; font-size: 24px; width: 100%; text-align: center; }

.offer .sld { position: absolute; top: 69px; left: 46px; width: 868px; height: 310px; overflow: hidden; }
.offer .sld .inside { position: relative; float: left; width: 5000px; height: 310px; }
.offer .sld .inside .item { position: relative; float: left; width: 166px; height: 310px; background: url('../images/of.png') no-repeat -166px 0; margin-right: 68px; }
.offer .sld .inside .item h2 { position: relative; float: left; width: 166px; font-family: 'titilliummaps26l999_wt'; font-size: 24px; text-transform: uppercase; color: #fff; text-align: center; margin: 188px 0 7px 0; }
.offer .sld .inside .item p { position: relative; float: left; width: 166px; font-family: 'titilliummaps26l500_wt'; font-size: 16px;  color: #f8b7b7; text-align: center; line-height: 22px;  }
.offer .sld .inside .item img { position: absolute; top: 39px; left: 35px; border: 0; }
.offer .sld .inside .item:hover { background-position: 0 0; }

.steps { position: absolute; top: 455px; right: 0px; height: 21px;  }
.steps a { position: relative; float: left; height: 21px; width: 21px; background: url('../images/point.png') no-repeat -21px 0; margin-left: 9px; }
.steps a.active { background-position: 0 0; }

.prev { position: absolute; top: 139px; width: 19px; height: 26px; left: 0; background: url('../images/prev.png') no-repeat 0 0; }
.next { position: absolute; top: 139px; width: 19px; height: 26px; right: 0; background: url('../images/next.png') no-repeat 0 0; }
.prev:hover, .next:hover { opacity: 0.8; }

.prev-a { position: absolute; top: 85px; width: 40px; height: 56px; left: 39px; background: url('../images/prev-a.png') no-repeat 0 0; }
.next-a { position: absolute; top: 85px; width: 40px; height: 56px; right: 39px; background: url('../images/next-a.png') no-repeat 0 0; }
.prev-a:hover, .next-a:hover { opacity: 0.8; }

.fb { position: absolute; top: 312px; width: 142px; height: 145px; right:128px; background: url('../images/fb.png') no-repeat 0 0; }

.baner-wrapper { position: relative; width: 100%; height: 468px; }
.baner-wrapper .baner { position: relative; width: 960px; margin: 0 auto; height: 468px; /* usuniety talerz -> background: url('../images/bg-baner.png') no-repeat 65px 60px; */ z-index: 10; }

.content-wrapper { position: relative; width: 100%; }
.content-wrapper .content { position: relative; width: 960px; min-height: 300px; margin: 0 auto; margin-bottom: 40px; }

h1, h4 { position: relative; float: left;  margin: 0px 0 25px 0; width: 100%; }
h1 label, h4 label { position: relative; float: left;  color: #c01919; text-transform: uppercase; font-family: 'titilliummaps26l750_wt'; font-size: 24px; }
h1 span, h4 span { position: relative; float: right; background: url('../images/h1.png') repeat-x 0 0; height: 3px; margin-top: 16px; }


.c-left { position: relative; float: left; width: 632px; }
.c-right { position: relative; float: right; width: 270px; }

.menu-wr { position: relative; float: right; background-color: #ba1415; padding: 6px; width: 258px; margin: 15px 0 50px 0; }
.menu-wr .ins { position: relative; float: left; background-color: #ba1415; padding: 10px; width: 236px; border: 1px solid #f8b6b6; }

.tree { list-style: none; font-family: 'Arial'; font-size: 12px; color: #f8b7b7; font-weight: bold; position: relative; float: left; padding-left: 0px; margin-top: -5px; }
.tree li { position: relative; float: left; padding: 10px 24px; width: 187px; }
.tree li a { color: #f8b7b7;  font-family: 'Arial'; font-weight: bold; font-size: 12px; }
.tree li.active, .tree li:hover { background-color: #8d1212;  }
.tree li.active a, .tree li:hover a {  color: #fff; }

.tree .tree li a { color: #000;  }
.tree .tree li.active, .tree .tree li:hover { background-color: #BA1415; }
.tree .tree li.active a, .tree .tree li:hover a { color: #f8b7b7; }

.gallery-wrapper { position: relative; width: 100%; min-height: 240px; }
.gallery-wrapper .gallery { position: relative; width: 960px; min-height: 240px; margin: 0 auto;}
.gallery-wrapper .glx { position: relative; width: 632px;  margin-top: 8px; float: left; margin-bottom: 30px; }
.gallery-wrapper .glx img { position: relative; float: left; padding: 2px; border: 1px solid #e5d8df; margin: 0 13px 13px 0; }
.gallery-wrapper .glx img.last { margin-right: 0; }
.gallery-wrapper .glx a { position: relative; float: left; }
.gallery-wrapper .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; }
.gallery-wrapper .glx a:hover span { display: block; }

.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: #1c2453; 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 #e5d8df; padding: 4px; background-color: #fff; }
.frm .item .i-area input { position: relative; float: left; border: 1px solid #d8d6d6; height: 31px; width: 169px; background-color: #E2EAF7; padding: 0 9px; font-family: 'Arial'; font-size: 12px; color: #707070; }
.frm .item .i-area textarea { position: relative; float: left; border: 1px solid #d8d6d6; height: 111px; width: 476px; background-color: #E2EAF7; padding: 5px 9px; font-family: 'Arial'; font-size: 12px; color: #707070; }
.frm .item .button { position: relative; float: right; border: 0; margin-right: 6px; cursor: pointer; margin-top: 10px; padding: 5px 11px; background-color: #1c2453; color: #fff; font-family: 'titilliummaps26l500_wt';}
.frm .item p { position: relative; float: left; font-size: 12px; color: #1c2453; 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: 'titilliummaps26l750_wt'; font-size: 12px; margin-left: 119px; margin-bottom: 10px;  }
.frm .item .msg.success { background-color: #249A46; }

.our-menu { position: relative; float: left; width: 185px; font-size: 24px; text-transform: uppercase; color: #fff; font-family: 'titilliummaps26l750_wt';  margin: 24px; }

.news-area { position: relative; float: left; margin: 0;  width: 100%; }
.news-area .item { position: relative; float: left; width: 625px; height: 112px; margin: 0 27px 0 0; }
.news-area .item img { position: relative; float: left; padding: 3px; border: 1px solid #e5d8df; margin: 0 25px 0 0; }
.news-area .item h3 { position: relative; float: left; width: 450px; margin: 0 0 2px 0; }
.news-area .item h3 a { font-size: 15px; color: #c01919; font-family: 'titilliummaps26l750_wt'; }
.news-area .item p { position: relative; float: left; font-size: 12px;  width: 450px; color: #1c2453; }
.news-area .item a { position: relative; float: left; font-size: 12px; color: #BA1415; font-family: 'Arial'; }
.news-area .item a:hover { text-decoration: underline; } 

.baner-img { position: absolute; top: -177px; left: 0; width: 100%; height: 632px;  z-index: 5;  background: url('../temp/baner-1.png') no-repeat center top;}

.ribbon {
    position: absolute;
    right: 0;
    top: 145px;
    height: 166px;
    width: 60px;
    background: url('../images/ribbon.jpg') no-repeat left top #fff;
    z-index: 55;
    border: 4px solid #C12021;
    border-right: 0;
    box-shadow: 5px 5px 16px #888888;
}
.ribbon:hover { width: 63px;}