html {
    min-height: 100%;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Arial';
}

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

a:hover {
    text-decoration: none;
}

p, .text {
    font-size: 12px;
    color: #696969;
    line-height: 18px;
    font-family: 'Arial';
    margin: 5px 0 5px 0;
}

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

#header-wrapper {
    position: relative;
    min-width: 960px;
    width: 100%; 
    height: 102px;
    background: url('../images/bg-header.png') repeat-x;
}

#header {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 102px;
    background: url('../images/header.png') no-repeat;
}

#logo {
    position: absolute;
    top: 9px;
    left: 0px;
    height: 85px; 
    width: 149px;
    background: url('../images/logo.png') no-repeat;
}

.menu { 
    position: absolute;
    left: 225px;
    top: 0;
    height: 102px;
}

.menu a {
    position: relative;
    float: left;
    color: #000;
    font-size: 15px;
    font-family: 'allerbold';
    font-weight: normal;
    text-transform: uppercase;
    padding: 37px 9px 40px 9px;
}

.menu a:hover {
    color: #eeda24;
}

.menu a.active {
    color: #fff;
    background: url('../images/menu-active.png') repeat-x;
}

.button-z {
    color: #3a2104;
    font-family: 'allerbold';
    font-weight: normal;
    text-transform: uppercase;
    padding: 3px 9px 4px 9px;
    background: url('../images/button.png') repeat-x;
    font-size: 12px;
}

.zaloguj {
    position: absolute;
    top: 38px;
    right: 1px;
}

#footer-wrapper {
    position: relative;
    min-width: 960px;
    width: 100%; 
    height: 383px;
    background: url('../images/bg-footer.png') repeat-x;
}

#footer {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 383px;
}

.content-wrapper { 
    position: relative;
    min-width: 960px;
    width: 100%; 
    background: url('../images/bg-line.png') repeat-x;
}

.content {
    position: relative;
    margin: 0 auto;
    width: 960px; 
}

.content-wrapper.line-off { 
    background: none;
}

.content-wrapper.milk-color  { 
    background-color: #f9fdf9;
}

.newsletter {
    height: 209px;
}

.article {
    height: 362px;
}

.product {
    height: 167px;
}

.describe {
    /* height: 582px;*/
    min-height: 225px;
}


.baner-wrapper { 
    position: relative;
    min-width: 960px;
    width: 100%;
    background: url('../images/bg-baner.png') repeat-x;
}

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

.baner .inside {
    position: relative;
    float: left;
    width: 960px;
    height: 485px;
    top: -8px;
}

.baner .inside h2 {
    position: absolute;
    top: 90px;
    left: 0;
    color: #fff;
    font-size: 22px;
    font-family: 'allerbold';
    font-weight: normal;
}

.baner .inside ul {
    position: absolute;
    top: 145px;
    left: 0;
    padding-left: 23px;
    width: 290px;
    list-style-image: url('../images/li-slider.png');
}

.baner .inside ul li {
    font-family: 'aller_lightregular';
    font-size: 18px;
    color: #f0fad8;
    padding: 2px 0 2px 4px;
}

.baner .inside ul li span {
    font-family: 'aller_lightitalic';
    color: #eeda24;
}

.baner .inside label {
    position: absolute;
    right: 0;
    top: 137px;
    font-family: 'aller_lightregular';
    color: #ebebeb;
    font-size: 22px;
    text-transform: uppercase;
    background: url('../images/label-slider.png') repeat-x;
    padding: 11px 20px 12px 20px;
}

.baner .inside label span {
    font-family: 'allerbold';
    color: #eeda24;
}

.baner .inside label + label {
    top: 197px;
}

.baner .inside label + label + label {
    top: 257px;
}

#button-a {
    position: absolute;
    top: 481px;
    left: 0;
    width: 450px; 
    height: 69px;
    background: url('../images/button-a.png') no-repeat;
}

#button-b {
    position: absolute;
    top: 481px;
    right: 0;
    width: 450px; 
    height: 69px;
    background: url('../images/button-b.png') no-repeat;
}

#button-a:hover, #button-b:hover, #save-n:hover {
    opacity: 0.9;
}

#baner-image {
    position: absolute;
    top: 0px;
    right: 0;
    width: 751px; 
    height: 470px;
    border: 0;
    padding: 0;
    margin: 0;
}

.left-626 {
    position: relative;
    float: left;
    width: 626px;
}

.right-294 {
    position: relative;
    float: right;
    width: 294px;
}

h1, h4 {
    position: relative;
    float: left;
    width: 100%;
    color: #5b5b5b;
    font-size: 22px;
    font-weight: normal;
    font-family: 'allerregular';
    margin: 26px 0;
}

h1 span, h4 span {
    color: #0d540b;
    text-transform: uppercase;
    font-family: 'allerbold';
}

.news {
    position: relative;
    float: left;
    width: 294px;
    margin: 0 0 22px 0;
    height: 110px;
}

.news span {
    position: relative;
    width: 100%;
    float: left;
    font-family: 'allerbold';
    color: #0f5c0c;
    font-size: 10px;
    margin-top: -4px;
}

.news h3 {
    position: relative;
    width: 100%;
    float: left;
    font-family: 'allerregular';
    color: #091c31;
    font-size: 14px;
    margin-top: 2px;
}

.news h3 a {
    font-family: 'allerregular';
    color: #091c31;
    font-size: 14px;
    font-weight: normal;
}

.news h3 a:hover {
    text-decoration: none;
}

.news p {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 9px;
}

.news a {
    color: #ffad00;
    font-weight: bold;
}

.news a:hover , .news-archive-button:hover{
    text-decoration: underline;
}

.news-archive-button {
    position: relative;
    float: left;
    width: 100%;
    text-align: right;
    font-family: 'Arial';
    font-size: 11px;
    font-weight: normal;
    color: #ffad00;
    margin-top: -10px;
}

#box-a {
    position: relative;
    float: left;
    width: 294px;
    height: 156px;
    background: url('../temp/box/box-a.png') no-repeat;
    margin: 35px 0 0 0;
}

#box-a label {
    position: absolute;
    top: 22px;
    left: 28px;
    color: #eeffc8;
    font-size: 23px;
    font-family: 'aller_lightregular';
}

#box-a label + label {
    top: 48px;
    font-size: 21px;
    color: #fff;
    font-family: 'aller_displayregular';
}

#box-a label + label span{
    color: #000;
}

#box-a a {
    position: absolute;
    top: 87px;
    left: 28px;
    color: #eeffc8;
    font-size: 14px;
    font-family: 'allerregular';
}

#box-a a:hover {
    text-decoration: underline;
}


#newsletter {
    position: relative;
    float: left;
    width: 295px;
    height: 138px;
    background: url('../images/newsletter.png') no-repeat;
    margin: 38px 0 0 0;
}

#newsletter p {
    position: absolute;
    top: 100px;
    left: 40px;
}

#newsletter #save-n {
    position: absolute;
    top: 61px;
    left: 202px;
    width: 66px;
    height: 30px;
    background: url('../images/save-n.png') no-repeat;
}

#newsletter #adres-n {
    position: absolute;
    top: 60px;
    left: 40px;
    width: 207px;
    height: 32px;
    border: 0;
    padding: 0 11px;
    color: #696969;
    font-family: 'Arial';
    font-size: 12px;
    background: none;
}

#newsletter label {
    position: absolute;
    top: 15px;
    left: 39px;
    color: #5b5b5b;
    font-size: 24px;
    font-family: 'aller_lightregular';
}

#newsletter label + label {
    top: 60px;
    font-size: 22px;
    color: #0d540b;
    font-family: 'aller_displayregular';
}

#box-b {
    position: relative;
    float: left;
    width: 294px;
    height: 141px;
    background: url('../images/fb.png') no-repeat;
    margin: 38px 0 0 0;
}

#footer #f-a {
    position: relative;
    float: left;
    width: 960px;
    height: 63px;
}

#footer #f-b {
    position: relative;
    float: left;
    width: 960px;
    height: 239px;
    border-top: 1px solid #b0cc76;
    border-bottom: 1px solid #8eb378;
    border-left: 0;
    border-right: 0;
}

#footer #f-c {
    position: relative;
    float: left;
    width: 960px;
    height: 79px;
}

.f-menu {
    position: absolute;
    left: 110px;
    top: 19px;
}

.f-menu a {
    position: relative;
    float: left;
    color: #0d540b;
    font-size: 15px;
    font-family: 'allerbold';
    font-weight: normal;
    text-transform: uppercase;
    padding: 0px 9px 0px 9px;
}

.f-menu a:hover {
    color: #eeda24;
}

.f-menu a.active {
    color: #fff;
}

.f-box {
    position: relative;
    float: left;
    margin-top: 30px;
    height: 205px;
    width: 250px;
}

.f-box:last-child {
    width: 210px;
}

.f-box label {
    position: relative;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-family: 'allerbold';
    text-transform: uppercase;
    margin-bottom: 25px;
}

.f-box ul {
    list-style-image: url('../images/li.png');
    padding-left: 20px;
}

.f-box ul li {
    padding: 5px 0;
}

.f-box ul li a {
    color: #eeffc8;
    font-family: 'Arial';
    font-size: 12px;
}

.f-box ul li a:hover {
    text-decoration: underline;
}


#copyright {
    position: absolute;
    top: 31px;
    left: 0;
    font-family: 'Arial';
    color: #efffc8;
    font-size: 12px;
    font-weight: bold;
}

#copyright a{
	color:#efffc8;
}

#project {
    position: absolute;
    top: 31px;
    right: 0;
    font-family: 'Arial';
    color: #efffc8;
    font-size: 12px;
    font-weight: bold;
}

#project a {
    color: #fff;
}

#project a:hover {
    text-decoration: underline;
}

#advice-slider {
    position: relative;
    float: left;
    width: 960px;
    height: 230px;
    overflow: hidden;
}

#advice-slider .inside {
    position: relative;
    float: left;
    width: 960px;
    height: 230px;
}

.advice-box {
    position: relative;
    float: left;
    width: 293px;
    height: 230px;
    margin-right: 40px;
}

.advice-box:last-child {
    margin-right: 0;
}

.advice-box h3 {
    position: relative;
    float: left;
    width: 100%;
    color: #091c31;
    font-size: 14px;
    font-family: 'allerregular';
}

.advice-box img {
    position: relative;
    float: left;
    padding: 1px;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #a6a6a6;
    margin: 15px 0;
}

.advice-box p {
    position: relative;
    width: 100%;
    float: left;
}

.advice-box a {
    color: #ffad00;
    font-weight: bold;
}

.advice-box a:hover {
    text-decoration: underline;
}

.prev {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
    background: url('../images/nav.png') no-repeat;
}

.next {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
    background: url('../images/nav.png') no-repeat -29px 0;
    margin-left: 1px;
}

.prev:hover, .next:hover {
    opacity: 0.9;
}

#advice-nav {
    position: absolute;
    top: 36px;
    right: 0;
    width: 57px;
    height: 28px;
}

#prod-nav {
    position: absolute;
    top: 102px;
    left: 0;
    width: 57px;
    height: 28px;
}

#prod-title label {
    position: absolute;
    top: 30px;
    left: 0;
    color: #5b5b5b;
    font-size: 22px;
    font-family: 'aller_lightregular';
}

#prod-title label + label {
    top: 57px;
    font-size: 22px;
    color: #0d540b;
    font-family: 'aller_displayregular';
    text-transform: uppercase;
}

#prod-slider {
    position: absolute;
    right: 0;
    top: 35px;
    width: 800px;
    height: 110px;
    overflow: hidden;
}

#prod-slider div {
    position: relative;
    float: left;
    width: 800px;
    height: 110px;
}

.prod-item-a {
    position: relative;
    float: left;
    width: 160px;
    height: 96px;
    background: url('../temp/producenci.png') no-repeat 0 0;
}

.pi-1 { width:  130px; }
.pi-2 { width:  120px; background-position: -130px 0; }
.pi-3 { width:  180px; background-position: -250px 0; }
.pi-4 { width:  210px; background-position: -430px 0; }
.pi-5 { width:  160px; background-position: -650px 0; }

.pi-1:hover { background-position:  0 -96px; }
.pi-2:hover { background-position: -130px -96px; }
.pi-3:hover { background-position: -250px -96px; }
.pi-4:hover { background-position: -430px -96px; }
.pi-5:hover { background-position: -650px -96px; }

#steps-box {
    position: relative;
    float: left;
    width: 624px;
    height: 200px;
    background: url('../temp/ikonki_normal.png') no-repeat 0 0; 
    margin-top: 50px;
}

#more-box {
    position: relative;
    float: left;
    width: 624px;
    height: 131px;
    background: url('../images/or-bg.png') no-repeat 0 0; 
}

#more-box #button-c {
    position: absolute;
    top: 48px;
    left: 0;
    width: 170px;
    height: 39px;
    background: url('../images/button-c.png') no-repeat 0 0; 
}

#more-box #button-d {
    position: absolute;
    top: 48px;
    left: 229px;
    width: 290px;
    height: 39px;
    background: url('../images/button-d.png') no-repeat 0 0; 
}

#button-c:hover, #button-d:hover {
    opacity: 0.9;
}

#steps-box .sb {
    position: absolute;
    background: url('../temp/ikonki_hover.png') no-repeat;
    width: 180px;
    height: 134px;
}

#steps-box .sb-2 { top: 66px; left: 117px; background-position: 0 -139px;  }
#steps-box .sb-3 { left: 235px; background-position: 0 -280px; }
#steps-box .sb-4 { top: 66px; left: 352px; background-position: 0 -419px; }
#steps-box .sb-5 { left: 470px; background-position: 0 -560px; }

.hide {
    display: none;
}

#steps-box .ca { 
    position: absolute;
    width: 120px;
    height: 105px;
}

#steps-box .ca-1 { top: 17px; left: 13px;}
#steps-box .ca-2 { top: 82px; left: 133px;}
#steps-box .ca-3 { top: 17px; left: 252px;}
#steps-box .ca-4 { top: 82px; left: 370px;}
#steps-box .ca-5 { top: 17px; left: 487px;}


#steps-box .popup {
    position: absolute;
    width: 218px;
    height: 122px;
    background-color: #fff;
    border: 1px solid #bbd9b8;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #8C8C8C;
}

#steps-box .popup label {
    position: absolute;
    top: 121px;
    left: 100px;
    width: 19px;
    height: 14px;
    background: url('../images/popup-bg.png') no-repeat 0 0;
}

#steps-box .popup h5 {
    position: relative;
    float: left;
    width: 177px;
    color: #0f5c0c;
    font-size: 14px;
    font-family: 'allerbold';
    text-transform: uppercase;
    margin: 15px 20px;
}

#steps-box .popup p {
    position: relative;
    float: left;
    width: 187px;
    margin: -3px 10px 0 20px;
}

#steps-box .pp-1 { top: -95px; left: -33px;}
#steps-box .pp-2 { top: -35px; left: 83px;}
#steps-box .pp-3 { top: -95px; left: 202px;}
#steps-box .pp-4 { top: -35px; left: 320px;}
#steps-box .pp-5 { top: -95px; left: 434px;}

#steps-box .dk {
    position: absolute;
    font-size: 12px;
    color: #696969;
    font-family: 'allerbold';
    text-transform: uppercase;
    width: 110px;
    text-align: center;
}

#steps-box .dk.active {
    color: #e9416d;
}

#steps-box .dk-1 { left: 23px; top: 164px; }
#steps-box .dk-2 { left: 140px; top: -7px; }
#steps-box .dk-3 { left: 258px; top: 164px; }
#steps-box .dk-4 { left: 373px; top: -7px; width: 115px; }
#steps-box .dk-5 { left: 508px; top: 164px; width: 80px; }

.clear { clear: both; }

/********* Konfigurator ************/

.navigation { height: 50px;}
.navigation p { position: absolute; top: 12px; }
.navigation p a {font-weight: bold; color: #ffad00; padding: 0 12px 0 2px; background: url('../images/nav-to.png') no-repeat right center; }
.navigation p a:last-child {font-weight: bold; color: #696969; background: none; padding-left: 6px; }

.flash { height: 581px; top: 1px; }

.menu-green {
    position: relative;
    float: left;
    width: 292px;
    border: 1px solid #3e7a3b;
    margin-top: 30px;
    background-color: #639739;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #92BA36),
	color-stop(0.88, #3F7C3B)
    );
    background-image: -o-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -moz-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -webkit-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -ms-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: linear-gradient(to bottom, #92BA36 0%, #3F7C3B 88%);
}

.menu-green h5 { position: relative; float: left; font-family: 'allerbold'; font-size: 14px; color: #000; text-transform: uppercase; margin: 15px 24px; width: 245px;}
.menu-green ul { position: relative; float: left; list-style-image: url('../images/li.png'); padding-left: 20px; margin: -5px 0 20px 23px; }
.menu-green ul li { padding: 5px 0; }
.menu-green ul li a { color: #eeffc8; font-family: 'Arial'; font-size: 12px; }
.menu-green ul li a:hover { text-decoration: underline; }

#configurator {
    position: relative;
    float: left;
    width: 960px;
    height: 580px;
    margin-top: 1px;
}

#window-view {
    position: relative;
    float: left;
    margin: 61px 0 0 64px;
}

#window-properies {
    position: relative;
    float: left;
    width: 286px;
    border: 1px solid #c2c2c2;
    padding: 4px 3px;
    margin: 30px 0;
    border-top: 6px solid #48833c;
    background-color: #fff;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(0.38, #EBEBEB)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 38%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 38%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 38%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 38%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 38%);
}

#window-properies h5 {
    position: relative;
    float: left;
    color: #000100;
    font-family: 'allerbold';
    font-size: 18px;
    margin: 15px 0 21px 15px;
}

.select-a {
    position: relative;
    float: left;
    width: 286px;
    height: 27px;
    background: url('../images/select.png') no-repeat 0 0;
    overflow: hidden;
    margin-top: 3px;
}


.select-a select {
    position: absolute;
    top: 0;
    left: 0;
    width: 307px;
    height: 27px;
    padding: 5px 5px;
    border: none;
    background: none;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 12px;
    color: #0e590b;
}

.button-q-box {
    position: relative;
    float: left;
    width: 284px;
    height: 46px;
    /*border: 1px solid #dddddd;
    background-color: #fff;*/
    margin-top: 13px;
}

.button-q {
    position: relative;
    float: left;
    width: 278px;
    border: 1px solid #3b7639;
    padding: 7px 0 9px 0;
    margin: 2px;
    font-family: 'allerbold';
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    background-color: #639739;
    text-align: center;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #92BA36),
	color-stop(0.88, #3F7C3B)
    );
    background-image: -o-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -moz-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -webkit-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -ms-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: linear-gradient(to bottom, #92BA36 0%, #3F7C3B 88%);
}

.window-size-box {
    position: relative;
    float: left;
    width: 274px;
    border: 1px solid #3b7639;
    padding: 4px 0 4px 10px;
    margin-top: 3px;
    font-family: 'Arial';
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    background-color: #639739;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #92BA36),
	color-stop(0.88, #3F7C3B)
    );
    background-image: -o-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -moz-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -webkit-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -ms-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: linear-gradient(to bottom, #92BA36 0%, #3F7C3B 88%);
}

.window-size-box span {
    color: #0e590b;
}

.window-size {
    position: relative;
    float: left;
    width: 286px;
    height: 91px;
    background: url('../images/size-bg.png') no-repeat 0 0 #fff;
}

.input-gh {
    position: absolute;
    top: 50px;
    left: 14px;
    width: 78px;
    height: 23px;
    text-align: center;
    border: 0;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 12px;
    color: #0e590b;
}

.i-gh-2 {
    left: 157px;
}

.windows-list-box {
    position: relative;
    float: left;
    width: 960px;
    border: 1px solid #c2c2c2;
    margin: 30px 0;
    padding-bottom: 26px;
    background-color: #fff;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(0.38, #EBEBEB)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 38%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 38%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 38%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 38%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 38%);
}

.windows-list-box h4 {
    margin: 0 29px;
    padding: 26px 0;
    width: 597px;
    border-bottom: 1px solid #d6d6d6;
}

.windows-list-box .windows-list {
    position: relative;
    float: left;
    margin: 0 0 0 9px;
    width: 637px;
    min-height: 50px;
    max-height: 90px;
    background: url('../images/list-bg.png') no-repeat 0 -89px;
    cursor: pointer;
    overflow: hidden;
}

.windows-list-box #add-window {
    position: relative;
    float: right;
    margin-right: 34px;
    margin-top: 43px;
    width: 256px;
    height: 47px;
    background: url('../images/add-window.png') no-repeat;
}

.button-q-box {
    position: relative;
    float: left;
    width: 284px;
    height: 46px;
    /*border: 1px solid #dddddd;
    background-color: #fff;*/
    margin-top: 13px;
}

.n-bt-box { width: 256px; float: right; margin-right: 34px; }
.n-bt { width: 250px; }

.button-q:not(.pd-chbox):hover, #add-window:hover {
    opacity: 0.9;
}

windows-list-box .windows-list-hover.active, .windows-list-box .windows-list-hover:hover {
    background-position: 0 0;
}

.w-type { position: relative; float: left; color: #0e590b; text-transform: uppercase; font-size: 14px; font-family: 'allerbold'; margin: 10px 0 10px 20px; }
.w-color { position: relative; float: left; color: #626262; font-size: 12px; font-family: 'Arial'; margin: 10px 0 10px 15px;  margin-top: 16px; }
.w-color span { color: #0e590b; font-weight: bold; }
.w-size { position: relative; float: left; font-size: 12px; font-family: 'Arial'; margin: 10px 0 10px 15px;  margin-top: 16px; color: #d6d6d6; }
.w-size span { font-weight: bold; color: #636363; margin-left: 10px; }
.w-price{position:relative;float:left;font-weight:bold; color:#636363;margin:16px 0 10px 15px;}
.w-remove { position: absolute; top: 18px; right: 20px; width: 15px; height: 15px; }
.w-area { position: absolute; width: 597px; left: 20px; height: 30px; top: 54px; }
.w-area label {color: #626262; font-size: 12px; font-family: 'Arial'; margin: 7px 0 10px 0px; float: left; }
.w-area label span { color: #0e590b; font-weight: bold; }
.w-area .sep { color: #D6D6D6; font-family: 'Arial'; font-size: 12px; margin: 7px 15px 7px 15px; float: left; }
.w-available { position: absolute; top: 12px; right: 18px; width:initial; height: 20px; text-align: right; cursor: help; background-color: #EBEBEB; text-transform: uppercase; font-family: 'allerbold'; color: #77A54D;  }
.w-available.no { color: #F45D5D; }
/************* Podstrona ****************/

.baner-wrapper .subsite {
    height: 187px;
}

#baner-image-subsite {
    position: absolute;
    top: -4px;
    right: 0;
    border: 0;
    padding: 0;
    margin: 0;
}

.menu-light {
    position: relative;
    float: left;
    width: 292px;
    border: 1px solid #c7dbc7;
    margin-top: 30px;
    background-color: #fff;
    padding: 9px 0;
}

.menu-light a {
    position: relative;
    float: left;
    color: #322d2d;
    font-size: 13px;
    font-family: 'allerregular';
    padding: 7px 16px;
    margin: 0 8px;
    border: 1px solid #fff;
    width: 241px;
}

.menu-light a.active {
    color: #fff;
    border: 1px solid #3f7a3d;
    background-color: #639739;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #92BA36),
	color-stop(0.88, #3F7C3B)
    );
    background-image: -o-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -moz-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -webkit-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: -ms-linear-gradient(bottom, #92BA36 0%, #3F7C3B 88%);
    background-image: linear-gradient(to bottom, #92BA36 0%, #3F7C3B 88%);
}

.menu-light a:hover {
    color: #427f3d;
}

.menu-light a.active:hover {
    color: #fff;
}

#box-c {
    position: relative;
    float: left;
    width: 294px;
    height: 108px;
    background: url('../temp/box/box-b.png') no-repeat;
    margin: 30px 0 0 0;
}

#box-d {
    position: relative;
    float: left;
    width: 294px;
    height: 122px;
    background: url('../temp/box/box-c.png') no-repeat;
    margin: 20px 0 30px 0;
}

#box-c label, #box-d label {
    position: absolute;
    top: 22px;
    left: 28px;
    color: #eeffc8;
    font-size: 23px;
    font-family: 'aller_lightregular';
}

#box-c label + label, #box-d label + label {
    top: 50px;
    font-size: 21px;
    color: #fff;
    font-family: 'aller_displayregular';
}

#box-c label + label span, #box-d label + label span {
    color: #000;
}

.baner-subsite-item {
    position: absolute;
    left: 104px;
    top: 48px;
    font-family: 'aller_lightregular';
    color: #ebebeb;
    font-size: 22px;
    text-transform: uppercase;
    background: url('../images/label-slider.png') repeat-x;
    padding: 6px 20px 7px 20px;
}

.baner-subsite-item span {
    font-family: 'allerbold';
    color: #eeda24;
}

.baner-subsite-item.second {
    top: 98px;
}

.text img, .photo-small {
    border: 1px solid #A6A6A6;
    background-color: #fff;
    padding: 1px;
}

#sugestia {
    position: absolute;
    top: 289px;
    right: 0;
    min-width: 76px;
    max-width: 228px;
    height: 80px;
    background: url('../temp/sugest5.png') no-repeat;
    z-index: 100;
}

#coffee {
    position: absolute;
    top: 450px;
    left: -240px;
    width: 231px;
    height: 160px;
    background: url('../temp/sugest4.png') no-repeat;
    z-index: 100;
    display: none;
}

@media (min-width: 1480px) {
   #coffee {
       display: block;
   }
}

.rotator {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    padding: 26px 0 24px 0;
}

.map-area {
    position: relative;
    float: right;
    width: 295px;
    height: 140px;
    top: 38px;
}

.map-area label {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #5b5b5b;
    font-size: 24px;
    font-family: 'aller_lightregular';
}

.map-area #map-poland-two {
    position: relative;
    float: right;
    right: 10px;
    top: -10px;
}


.fb-like {
	position: absolute;
	top: 89px;
	left: 36px;
}

.facebook_z1p {
	background: url("../images/bg_facebook.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	cursor: pointer;
	height: 390px;
	left: -210px;
	padding: 5px 30px 5px 0;
	position: absolute;
	top: 75px;
	width: 205px;
	z-index: 100;
}